微信小程序之页面跳转在数组中加上跳转的目标地址

当使用wx.for显示列表的时候, 从列表的item项跳转到下一个页面, 需要点击不同的列表跳转到不同的页面。

index.wxml

< view class= "carts-item" wx:for = "{{items}}" bindtap= "navito" data-object-id= "{{item.id}}">
< view class= "carts-text">
         < text class= "carts-title">{{item.name}} </ text >
</ view >
</ view>

index.js

data: {

items:[
{id: "1",name: "xxxxx"},
{id: "2",name: "yyyyy"},
],

Url:[

'../xxx/xxx',
'../yyy/yyy'
]
}

navito: function (e) {
// 点击不同的列表跳转到列表详情
var that= this;
var id = e.currentTarget.dataset.objectId- 1;
wx.navigateTo({
url: that.data.Url[id]
});
}

许多列表跳转情况见大牛博客:https://blog.csdn.net/liona_koukou/article/details/52956058

微信小程序之二三级菜单(navigateTo传递数据的应用)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值