收藏
回答

公众号开发订阅标签wx-open-subscribe偶尔不显示问题?

操作系统: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)
    })
})
}
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容