Bootstrap

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

需求描述: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"
;