微信小步伐内嵌H5跳转小步伐页面

1、在 H5 页面引入下面 js：

1. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

复制代码

 
2、 js跳转微信小步伐

1. //先判断当前环境是小程序环境
2. wx.miniProgram.getEnv(function(res){
3.         if(res.miniprogram){
4.                 //跳转到小程序页面
5.                 wx.miniProgram.navigateTo({
6.                         url:"/pages/xxx"
7.                 })
8.         }
9. })

复制代码

内嵌H5传值给微信小步伐

1、小步伐代码

1. //web-view
2. <web-view :src="url" @message="getMessage"></web-view>
3. export default{
4.         data(){
5.                 return{
6.                         url:''
7.                 }
8.         },
9.         onLoad(option){
10.                 this.url = option.url
11.         }
12.         methods:{
13.                 getMessage(e){
14.                         //接收参数，也可以跳转到小程序其他页面将参数传递过去
15.                         console.log(e.detail)
16.                 }
17.         }
18. }

复制代码

2、js代码

1. wx.miniProgram.navigateTo({
2.   url："/pages/xxx/xxx/xxx?name=xxx"
3. });

复制代码

 

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告