wechart微信小程序遇到的问题总结(一)

128 阅读1分钟

@TOC

一、如何从vue项目跳回到微信小程序页面

1、步骤

(1)在VUE项目中引入跳转到微信小程序需要的api模块连接

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

(2)在事件函数中调用微信小程序跳转api

toback(){
	 wx.miniProgram.switchTab({
        url: '/pages/survey/survey', //你要跳转的微信小程序页面路径
     });
}

2、完整vue页面代码示例

<template>
    <div class="back" @click="toback">
        <img src="../../assets/img/questionnaire/back.png" alt="" width="64px">
    </div>
</template>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
export default {
    methods: {
        toback(){
            wx.miniProgram.switchTab({
                url: '/pages/survey/survey',
            });
        }
    }

}
</script>

<style>
.back {
    cursor: pointer;
    position: fixed;
    z-index:999;
    right: 10px;
    bottom: 100px;
}
</style>

二、项目中某一天发现wx.config为undefined

原因

全局index.html引入了

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

局部引入了: import wx from 'weixin-js-sdk'

因此

全局wx影响了局部的引用,使得局部的wx为undefind

解决

根据原因,在自己的项目中调整引用的方式