微信小程序-关于详情页面数据的动态加载
1) 在展示页面获取此项的id,获取方法为使用自定义属性绑定数据
<viewbindtap='go_postitem'data-postid="{{item.postid}}">
2) 在js中获取自定义属性上绑定的Id
var postid = event.currentTarget.dataset.postid;//获取自定义属性postid的值,他会自动去掉“data-”后面的部分有“-”则后面的首字母大否则全部默认小写
3) 将此id通过url传递到详情文件下的js文件中
url:'postesitem/postesitem?id='+postid,//将获取的idl通过url传递给相应的js
4) 详情文件的js中通过onLoad函数的options获取和url一起传递过来的id
var postid = options.id;
5) 通过ID拿取对应的详情信息,并将详情信息通过setData方法绑定到data中
var postdata = postsdata.dataList[postid];
this.setData({
data:postdata
});
6) 在wxml中获取具体的详情数据,注意这里要使用”data.”
<textclass='date-text1'>{{data.author}}</text>
7) 展示页代码
8) 详情页代码