vue下的h5頁面實現點擊圖片跳轉小程序

第一步：配置簽名和申明openTagList

that.$api.getShareParam(params).then(data => {
wx.config({
debug: false,
appId: 'wxea734e16e936474c', // 和獲取Ticke的必須一樣------必填，公眾號的唯一標識
timestamp: data.timestamp, // 必填，生成簽名的時間戳
nonceStr: data.noncestr, // 必填，生成簽名的隨機串
signature: data.signature, // 必填，簽名，見附錄1
// 需要分享的列表項:發送給朋友，分享到朋友圈，分享到QQ，分享到QQ空間
jsApiList: [
'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo',
'onMenuShareQZone', 'previewImage', 'hideOptionMenu', 'showOptionMenu','chooseWXPay',
'chooseImage','openLocation','openAddress'
],
openTagList: ['wx-open-launch-weapp']
})

第二步：vue中忽視這個標簽

Vue.config.ignoredElements = ['wx-open-launch-weapp'];

第三步：vue頁面代碼

<div id="jumpMini" v-show="!bool" style="flex:1;" class="flex">
<wx-open-launch-weapp
id="launch-btn"
username="gh_e4c3b71de209" //小程序原始id
path="/pages/index/index.html"//跳轉小程序路徑
style="width:100%"
>
<script type="text/wxtag-template">
<div class="flex_c a_center" style="display:flex;align-items:center;flex-direction:column;"><img src="http://study.gamachina.org/m/static/images/code.jpg" style="width: 100px; height: 100px; margin-bottom: 5px;"/><span style="font-size:12px;">題庫練習小程序</span><span style="font-size:12px">點擊進入</span></div>
</script>
</wx-open-launch-weapp>
</div>