vue中的wx-open-launch-app 标签里面的内容经常不显示,偶尔却又能正常显示出来?
发布于 7 年前 作者 tanggang 13844 次浏览 来自 问答

当"打开app"这个按钮显示时,可以正常打开APP,不显示则无效,以下是部分代码

<template>
  <div class="title-box">
    <img src="../assets/logo.png" class="logo-icon" />
    <button class="open-app" v-show="!isWeChatOpen" @click="openApp">打开App</button>
    <div class="open-app2" v-show="isWeChatOpen">
      <wx-open-launch-app
          id="launch-btn"
          :appid="appid"
          extinfo=""
          @error="handleErrorFn"
          @launch="handleLaunchFn"
          >
          <script type="text/wxtag-template">
              <style>.btn {
                        width: 72px;
                        height: 32px;
                        line-height: 32px;
                        text-align: center;
                        font-size: 12px;
                        color: #2DB7FF;
                        background: #F4F4F4;
                        border-radius: 25px;
                    }</style>
              <div class="btn">打开APP</div>
          </script>
      </wx-open-launch-app>
    </div>
    <img v-if="isLoginState" src="../assets/title-login.png" class="title-login-icon" @click="openPersonal" />
    <button v-if="!isLoginState" class="open-login" @click="openLogin">登录</button>
  </div>

</template>

///以下是调用的方法
getWechatOpenTag() {
        shareGetSDK(window.location.href).then(res => {
          let data = res.data.data
          var _this = this
          wx.config({
            debug: false,
            appId: data.appId,
            timestamp: data.timestamp,
            nonceStr: data.nonceStr,
            signature: data.signature,
            jsApiList: ["onMenuShareAppMessage", "onMenuShareTimeline"],
            openTagList: ["wx-open-launch-app"]
          });
          wx.ready(function () {
            // Toast("成功")
            wx.checkJsApi({
              jsApiList: ['wx-open-launch-app'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
              success: function (res) {
                console.log('可用')
                _this.isWeChatOpen = true
              },
              fail: (err) => {
                console.log(err, '不可用')
                _this.isWeChatOpen = false
              }
            })
          });
          wx.error(function (res) {
            // Toast(res)
          });
        })

wx.config dubug为true时,弹框提示内容 "wx-open-launch-app false"是什么意思呢?

2 回复

你好,麻烦提供下测试链接。

ios上大概率会正常显示.安卓则是大概率不会显示,都是最新版的微信客户端

回到顶部