第一步:
图片所在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
})
},