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

当使用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/zhaoguanghe/article/details/80049050

未经允许不得转载:技术啦 - 关注IT,建站和运维,分享最新教程,资源 » 【转】微信小程序之页面跳转在数组中加上跳转的目标地址

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址