小程序webview嵌入的H5页面，点击按钮，跳转到小程序的指定页面

发表于 分类于 阅读次数：

前言

本文介绍在H5页面（基于vue项目）中如何利用微信JS-SDK实现从H5按钮点击跳转到小程序的注册页面。首先需要安装微信插件，然后在vue文件中引入并使用wx.miniProgram.navigateTo方法，指定要跳转的小程序页面路径。

步骤一、H5页面vue项目安装微信插件

1
2
npm install --save weixin-js-sdk

步骤二、vue文件引用

1
2
3
4

//在需要跳转的页面 引入插件
import wx from 'weixin-js-sdk'

步骤三使用，跳转至小程序指定页面

1
2
3
4
5
//直接在触发的方法里面写入
wx.miniProgram.navigateTo({
   url: '/pages/register/register' //小程序必须有该目录
})