wechart微信小程序遇到的问题总结(一)
一、如何从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
解决
根据原因,在自己的项目中调整引用的方式