index.vue

<template>
    <div class="text">
        <div v-if="loadFlag<=1">正在跳转到其他小程序...</div>
        <div v-else class="toMini" @click="toMini">点击跳转到其他小程序</div>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                loadFlag: 0,
                options: "",
            }
        },
        onLoad(options){
            this.options = options;
            console.log("onLoad",this.loadFlag)
            this.toMini();
        },
        onShow(){
            this.loadFlag ++;
            console.log("onShow",this.loadFlag)
            this.toMini();
        },
        methods: {
            toMini(){
                let _this = this;
                wx.navigateToMiniProgram({
                    appId: _this.options.weappAppId,
                    path: decodeURIComponent(_this.options.weappPage),
                    // envVersion: 'release',
                    extraData: _this.options.extraData && JSON.parse(_this.options.extraData),
                    success(res) {
                        console.log(res,'--------打开成功')
                        // 打开成功
                    },
                    complete(res){
                        console.log(res,'------------------38')
                    }
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
.text{
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
}
.toMini{
    width: 60%;
    margin: 0 auto;
    margin-top: 40vh;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    color: #fff;
    background: #41c867;
    border-radius: 40px;
}
</style>