小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我想问一个超级简单的问题,H5里的 a href=xxx?id=xxx在小程序的列表渲染是怎么实现的?
我用navigator吧,navigator内只能放文字,不能放图片等复杂元素,达到点击图片就跳转的效果。
我用 <view bindtap=xxxx > <image>.... </view> 吧,这个bintap 又不知道怎么把id参数放进去
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
绑定一个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
<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}` }) }
<block wx:for={{list}} wx:key="*this">
<navigator src="/pages/xxx/xxx?id={{item.id}}">点我跳转</navigator>
</block>
<navigator src="/pages/xxx/xxx?id={{item.id}}">
<image src="xxx" mode="widthFix" />
</navigator>
谢谢,没太看懂,这个似乎只是个单个的一个跳转链接。我的是列表渲染绑定。 类似这样
<div class="column" wx:for="{{list}}" wx:for-item="item" >
<view bindtap="xxxxxx" > --//这里点击跳转到 xxx?id=item.id
<image src="{{item.avatar}}" />
</view>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
绑定一个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(成功)
}
})
}