操作系统:Windows11;开发者工具:Stable 1.06.2412050;微信jssdk:1.6.0;开发框架:js+vue2;appId:wx48c8d09b8960c309
问题描述:使用开发标签中订阅标签wx-open-subscribe,微信开发者工具时常会出现按钮不显示问题。真机调试时不会有该问题存在!
问题复现步骤,1:挂号历史页面点击再次挂号,进入挂号页【提交】按钮能正常显示。2:返回再次进入能正常显示【提交】按钮。但在第二次尝试后再次进入挂号页面【提交】按钮不在显示。从控制台中也可以看到每次jssdk的加签结果成功!复现视频如下图:
订阅标签部分实现代码
<!-- Vue 虚拟Dom代码 -->
<wx-open-subscribe template="订阅模板id" @success="subscribeSuccess"
@error="subscribeError" id="subscribe-btn" v-if="isWX">
<script type="text/wxtag-template">
<div style="background: #287AED;width: 325px;height: 40px;border-radius: 20px;font-size: 16px;color: #FFFFFF;display:flex;align-items:center;justify-content:center;">
提交
</div>
</script>
</wx-open-subscribe>
//Vue mounted事件
mounted() {
//getSignature方法调取后端进行jssdk加签,currentUrl即当前页面的url
this.getSignature(currentUrl).then(res => {
wx.config({
debug: false,
appId: res.appId,
timestamp: res.timestamp,
nonceStr: res.noncestr,
signature: res.signature,
jsApiList: ['checkJsApi'],
openTagList: ['wx-open-subscribe','wx-open-subscribe-dialog']
})
wx.ready(() => {
console.log("微信sdk准备完毕")
})
wx.error(errRes => {
console.log("微信sdk签名错误", errRes)
})
})
}
你好,提供下可复现问题页面的链接,页面用弹框打印相关参数