美文网首页
微信小程序跳转h5页面传参

微信小程序跳转h5页面传参

作者: 鹿简luz | 来源:发表于2022-02-16 13:23 被阅读0次

1新建webview页面

image.png

需要跳转的页面内

towebview(){
    let id = 'abcdefg';//需要发送到H5页面的参数
    wx.navigateTo({
    //测试时可以用本地IP地址进行跳转(上线时换为线上的真实IP地址)
      url:`/pages/webview/webview?url=${encodeURIComponent('http://192.168.10.100:8080/')}&id=${id}`,
    })
}

2.webview页面内

webview.html文件

<view>
  <web-view src="{{ url }}"></web-view>
</view>

webview.js文件

onLoad: function (options) {
    this.setData({
      url:`${decodeURIComponent(options.url)}?id=${options.id}`
    })
  },

3.H5页面

onLoad(option) {
    this.id = option.id;//abcdefg
},

相关文章

网友评论

      本文标题:微信小程序跳转h5页面传参

      本文链接:https://www.haomeiwen.com/subject/xrajlrtx.html