收藏
回答

vue中使用wx-open-launch-weapp?

按照官方文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 配置后出现如下问题

1、vue中提示组建未注册

2、页面按钮不显示

有踩完坑的吗 分享一下经验

回答关注问题邀请回答
收藏

10 个回答

  • Alex
    Alex
    2020-07-14

    <view v-html="html"></view>

          setTimeout(function() {

            that.html = '<wx-open-launch-weapp id="launch-btn" username="xxx">\

              <template>\

                <button>小程序跳转</button>\

              </template>\

              </wx-open-launch-weapp>'

          }, 2000)

    我这边出现同样问题,处理了下,得等加载完配置后再载入就可以了

    2020-07-14
    有用 5
    回复 4
    • night
      night
      2020-07-27
      太强了,大佬
      2020-07-27
      回复
    • 阿亮
      阿亮
      2020-07-31
      ios端页面分享到朋友圈后,用户点分享链接进来,ios端还是看不到按钮
      2020-07-31
      回复
    • 业
      2020-09-25
      安卓可以  ios不行
      2020-09-25
      回复
    • 去吧皮卡丘
      去吧皮卡丘
      2020-12-02
      亲测,安卓 ios都可用
      2020-12-02
      回复
  • Z_
    Z_
    2020-12-14

    亲测可以 https://blog.csdn.net/CherryCola_zjl/article/details/111165702

    2020-12-14
    有用 1
    回复
  • 盈盈荷瓣大脐橙
    盈盈荷瓣大脐橙
    2020-10-30

    请问是必须要在微信浏览器才能用是吧?其他浏览器或者app中的h5页中是拉不起小程序的吧?

    2020-10-30
    有用
    回复
  • Summer🍁
    Summer🍁
    2020-07-23

    https://www.dengwz.com/archives/137 看这篇文章

    2020-07-23
    有用
    回复
  • Lvan
    Lvan
    2020-07-16
    <template>
      <div class="home">
        <wx-open-launch-weapp
          id="launch-btn"
          username="gh_"
          @launch="handleLaunchFn"
          @error="handleErrorFn"
        >
          <script type="text/wxtag-template">
            <style>.btn { display: flex;align-items: center; }</style>
            <button class="wx-btn">跳转小程序</button>
          </script>
        </wx-open-launch-weapp>
      </div>
    </template>
    
    
    <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script>
    export default {
      data () {
        return {
        }
      },
      mounted () {
      },
      methods: {
        handleLaunchFn (e) {
          console.log(e)
        },
        handleErrorFn(e){
          console.log('fail', e.detail);
        }
      }
    }
    </script>
    
    
    
    2020-07-16
    有用
    回复 5
    • Lvan
      Lvan
      2020-07-16
      亲测有效
      2020-07-16
      回复
    • 阿亮
      阿亮
      2020-07-31
      ios端页面分享出去,再点链接进来也有效?
      2020-07-31
      回复
    • Lvan
      Lvan
      2020-07-31回复阿亮
      测试了有效
      2020-07-31
      回复
    • 王和旭
      王和旭
      2020-08-11
      我的不行,还是出现报错找不到标签,阿西吧
      2020-08-11
      回复
    • Kimiจุ๊บ
      Kimiจุ๊บ
      2020-09-02
      第一次加载的时候可以显示按钮,刷新后就不行了,然后清除微信的缓存首次可以,我是在index.html中引入
      2020-09-02
      回复
  • Norris
    Norris
    2020-07-16

    https://www.jianshu.com/p/559c29c80fd9

    2020-07-16
    有用
    回复
  • (°ཀ°)兔子
    (°ཀ°)兔子
    2020-07-10

    react中使用wx-open-launch-weapp不显示?


    2020-07-10
    有用
    回复 3
    • 如鹿归林
      如鹿归林
      2020-07-13
      有解决吗
      2020-07-13
      回复
    • (°ཀ°)兔子
      (°ཀ°)兔子
      2020-07-13回复如鹿归林
      没有
      2020-07-13
      回复
    • ray
      ray
      2020-07-22
      现在有解决吗?
      2020-07-22
      回复
  • Boolean
    Boolean
    2020-07-09

    解决了么?

    2020-07-09
    有用
    回复
  • 耿霄
    耿霄
    2020-07-09

    我也遇到了,有结论同步一下哈,谢谢

    2020-07-09
    有用
    回复
  • 夜
    2020-07-09

    <wx-open-launch-weapp username='gh_......' path='/pages/index/index.html'>

    <script type=''text/wxtag-template">

    <div>小程序跳转</div>

    </script>

    </wx-open-launch-weapp>

    本地无效,需要真机才能显示,path填写要跳的页面加.html

    2020-07-09
    有用
    回复 1
    • 木目心
      木目心
      2020-07-10
      按钮样式怎么修改呢
      2020-07-10
      回复
登录 后发表内容
问题标签