Vue开发微信公众号网页跳转小程序

最新推荐文章于 2025-04-23 20:10:10 发布

置顶

zeki~

最新推荐文章于 2025-04-23 20:10:10 发布

阅读量1.2k

点赞数 1

分类专栏：微信公众号文章标签： vue 小程序

本文链接：https://blog.youkuaiyun.com/qq_44260798/article/details/115017545

版权

需求描述：Vue开发的公众号网页，点击图标跳转小程序

公众号中跳转小程序，一般是配置菜单栏跳转即可，但是我们需要在页面中跳转，就需要微信的开放标签了

微信开放标签说明文档
此文档面向网页开发者，介绍微信开放标签如何使用及相关注意事项。需要注意的是，微信开放标签有最低的微信版本要求，以及最低的系统版本要求。
微信版本要求为：7.0.12及以上
系统版本要求为：iOS 10.3及以上、Android 5.0及以上

话不多说，上代码
HTML模板

    <!-- 
          username: 小程序原始ID
          path： 小程序首页路径
    -->
    <wx-open-launch-weapp
      id="launch-btn"
      username="**********"
      path="pages/index/index"
      @click="jumpProgam"
    >
      <!-- Vue项目模板type值必须为text/wxtag-template -->
      <script type="text/wxtag-template"