我想问一个超级简单的问题，H5里的 a href=xxx?id=xxx在小程序的列表渲染是怎么实现的?
我用navigator吧，navigator内只能放文字，不能放图片等复杂元素，达到点击图片就跳转的效果。
我用 <view bindtap=xxxx > <image>.... </view> 吧，这个bintap 又不知道怎么把id参数放进去
相关问题
相关文档
- API 实现差异: 小程序/开发/工具/API 实现差异
- Get the device id: Mini Program/Development/Extended/API/New API for Multiterminal Framework/Get the device Id
- 我的第一个云函数: 小程序/开发/云托管/开发指引/基础能力/云函数/我的第一个云函数
- 我的第一个云函数: 小程序/开发/云托管/开发指引/基础能力/云函数/我的第一个云函数
- step 6，Android End acquisition Android Id: Mini Program/Development/Extended/API/New API for Multiterminal Framework/Get the device Id
绑定一个bindtap按钮事件，事件包含一个wx.navigateTo的api，url中填写url并加上 ?id=xxx 的方式拼接到url尾部
在bindtap的相应的事件处理函数里使用wx.navigateTo(Object object)
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
<button bindtap="getPhoneNumber" data-obj={{true}}>单击</button>
js：
getPhoneNumber (e) {
console.log(e.currentTarget.dataset.obj)
}
<view class="column" wx:for="{{list}}" wx:key="*this" > <view data-id="{{item.id}}" bindtap="handleClick"> --//这里点击跳转到 xxx?id=item.id <image src="{{item.avatar}}" /> </view> </view> handleClick(e) { const {dataset: { id } = {}} = e.currentTarget wx.navigateTo({ url: `/pages/xxx/xxx?id=${id}` }) }形如 <view wx:for={{list}} navigateto=xxxxx?id={{item.id}} 不就很简单方便了吗
<block wx:for={{list}} wx:key="*this"><navigator src="/pages/xxx/xxx?id={{item.id}}">点我跳转</navigator></block><block wx:for={{list}} wx:key="*this"><navigator src="/pages/xxx/xxx?id={{item.id}}"><image src="xxx" mode="widthFix" /></navigator></block>谢谢，没太看懂，这个似乎只是个单个的一个跳转链接。我的是列表渲染绑定。 类似这样
<div class="column" wx:for="{{list}}" wx:for-item="item" >
<view bindtap="xxxxxx" > --//这里点击跳转到 xxx?id=item.id
<image src="{{item.avatar}}" />
</view>
</view>
var id=e.currentTarget.dataset.id;
wx.navigateTo({
url: 'test?id='+id, //test是对应的路径，比如page/login/login
success: function(res) {
console.log(成功)
}
})
}