最近有一个需要,微信内 h5 跳转小程序,扒了扒微信社区,才晓得 5 月份不吭不响的上线了能够实现跳转 h5 的标签,话不多说,上代码
<wx-open-launch-weapp v-if="weChat" id="launch-btn" username="gh_xxxxxxxxx"
path="/a/b/c.html" @error="handleErrorFn" @launch="handleLaunchFn">
<template>
<script type="text/wxtag-template">
<div style='position:relative'>
<div style="text-align:center;"><button class="wx-btn"> 点击跳转小程序 </button></div>
</div>
</script>
</template>
</wx-open-launch-weapp>
handleErrorFn(e) {console.log("fail", e.detail)
},
handleLaunchFn(e) {console.log("success")
}
username 为小程序原始 id,path 为小程序的页面门路,
切记,须要引入 1.6 版本的 sdk,在须要调用 JS 接口的页面引入如下 JS 文件:http://res.wx.qq.com/open/js/…(反对 https)
本篇介绍的是 vue 的语法调用,如其余框架请参照微信凋谢文档即可
https://developers.weixin.qq….