列表中使用的是wx:for数组来显示,跳转时bindtap一个goDetail事件,通过这个事件跳转到各个详情页。
在列表的wxml页面
<view class="container">
<block wx:for="{{newsData}}" wx:key='index' wx:for-item="item">
<view bindtap="goDetail" data-newsid="{{item.newsid}}">
<image src="{{item.authorImag}}"></image>
<text>{{item.authorTitle}}</text>
<text>{{item.authorIcon}}</text>
</view>
</block>
</view>
然后在js页面写goDetail事件
goDetail:function(e){
wx.navigateTo({
console.log(e)
url:'../disdetail/disdetail?newsid='+e.currentTarget.dataset.newsid
})
}
其中url中前面是详情页地址,通过newsid这个唯一标识符识别列表的不同条目,所以 加?newsid= ,后面的是newsid的具体位置,通过console.log查看。
在详情页的onLoad方法中可以通过console.log(e.newsid)来查看每条数据不同的id,证明跳转的是不同项的详情页。(未完)