我们想通过扫码进入网页，然后vue网页进行订阅公众号的通知。但是在页面上不弹出订阅通知的消息，config提示已经OK了，怎么回事？

代码如下

<template>
  <div class="wx-open-subscribe-container" style="position:absolute;width:100%;height:100%;top:0px;">
    <wx-open-subscribe :template="templateId" id="subscribe-btn"
                       style="position:absolute;width:100%;height:100%;left:0px;top:0px;overflow:hidden;"
                       @success="openSubscribeSuccess" @error="openSubscribeError">
      <script type="text/wxtag-template">
        <style>.btn {
          width: 100%;
          height: 500px;
        }</style>
        <div class="btn"></div>
      </script>
    </wx-open-subscribe>
  </div>
</template>
<script>
export default {
  props: {
    templateId: {
      type: String,
      default () {
        return ''
      }
    }
  },
  methods: {
    openSubscribeSuccess(e) {
      this.$emit('open-subscribe-success', e.detail)
    },
    openSubscribeError(e) {
      this.$emit('open-subscribe-error', e.detail)
    }
  }
}
</script>

<div class="" style="position:relative;">
  <el-button type="success" plain icon="el-icon-share" circle/>
  <open-subscribe
    template-id="9ScbTwgbZiW-FTOHd9Vt0sIScLG_T5OHsaXEdSy6dVc"
    @open-subscribe-success="openSubscribeSuccess"
    @open-subscribe-error="openSubscribeError"
  />
</div>

getJsSdkConfig () {
  let url = 'http://10.0.10.109:9567/sap/register/getWxConfigSubscribe?factory=' + this.formValidate.factroyId
  Axios.post(url).then(res => {
    this.appId = res.data.data.appId
    this.timestamp = res.data.data.timeStamp
    this.nonceStr = res.data.data.nonceStr
    this.signature = res.data.data.result
    // JS-SDK初始化
    wx.config({
      debug: true,
      appId: this.appId,
      timestamp: this.timestamp,
      nonceStr: this.nonceStr,
      signature: this.signature,
      jsApiList: [], // 必填，需要使用的JS接口列表
      openTagList: ['wx-open-subscribe']
    })
  })
},
openSubscribeSuccess (e) {
},
openSubscribeError (e) {
},