index.vue

<template>
    <div class="text" v-if="pageType == 0">
        <div v-if="loadFlag <= 1">正在跳转到其他小程序...</div>
        <div v-else class="toMini" @click="toMini">点击跳转到其他小程序</div>
    </div>
</template>
  
<script>
export default {
    data() {
        return {
            loadFlag: 0,
            options: "",
            pageType: 0, // 0默认 1打开地图
            isOpenLocation: false,
        }
    },
    onLoad(options) {
        this.options = options;
        console.log("onLoad", this.loadFlag, this.options)
        if (this.options && this.options.type == 1) {
            this.pageType = 1;
            this.isOpenLocation = false
            this.openLocation();
        } else {
            this.toMini();
        }
    },
    onShow() {
        this.loadFlag++;
        console.log("onShow", this.loadFlag)
        this.toMini();
        console.log('this.isOpenLocation', this.isOpenLocation)
        if (this.isOpenLocation) {
            wx.navigateBack();
        }
    },
    methods: {
        openLocation() {
            const _this = this
            wx.openLocation({
                latitude: this.options.latitude - 0,
                longitude: this.options.longitude - 0,
                address: this.options.address,
                scale: 18,
                success(res) {
                    _this.$nextTick(() => {
                        _this.isOpenLocation = true
                    })
                },
                fail(res) {
                    console.log("fail", res)
                },
                complete(res) {
                    console.log("complete", res)
                }
            })
        },
        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')
                    if (res.errMsg == 'navigateToMiniProgram:fail cancel') {
                        // 点击了取消
                        _this.loadFlag++;
                    } else if (res.errMsg == 'navigateToMiniProgram:ok') {
                        // 点击了跳转
                        wx.navigateBack();
                    }
                }
            })
        }
    }
}
</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>