小程序 点击图片跳转至H5

137 阅读1分钟

第一步:
图片所在wxml页面,找到需要点击跳转的图片标签,绑定事件并利用data-传参,
例如在标签中加入data-url="{{path}}" bindtap="go"

第二步:
图片所在js页面,绑定事件内容

  data: {
    path: '此处写地址'
  },
  go: function ({currentTarget}) {
    wx.navigateTo({
      url: '/pages/link/link?url='+currentTarget.dataset.url,
    })
  },
复制代码

第三步:
新建link页面。\

第四步:
在link.wxml页面加入web-view标签来展示H5页面。
<web-view src="{{url}}"></web-view>

第五步:
在link.js页面书写如下代码:\

  data: {
    url: ''
  },
  onLoad: function (options) {
    this.setData({
      url: options.url
    })
  },