uniapph5端跳转微信小程序wx-open-launch-weapp
时间: 2023-12-02 14:32:07 浏览: 179
HTML5跳转小程序wx-open-launch-weapp的示例代码
4星 · 用户满意度95%
在uniapp H5端中,要实现跳转到微信小程序,可以使用wx-open-launch-weapp组件。首先,在main.js中需要引入以下代码:Vue.config.ignoredElements.push('wx-open-launch-weapp')。然后,在需要跳转的页面中,使用wx-open-launch-weapp组件并设置相应的属性,如下所示:
<wx-open-launch-weapp id="launch-btn" username="所需跳转的小程序原始id,即小程序对应的以gh_开头的id(gh_xxxxxxxx)" path="所需跳转的小程序内页面路径">
<script type="text/wxtag-template">
<style>.btn { padding: 12px }</style>
<button class="btn">打开小程序</button>
</script>
</wx-open-launch-weapp>
以上代码中,需要将username设置为要跳转的小程序的原始id,将path设置为要跳转的小程序内页面的路径。
阅读全文