微信小程序-关于详情页面数据的动态加载

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)      展示页代码

微信小程序-关于详情页面数据的动态加载_第1张图片

微信小程序-关于详情页面数据的动态加载_第2张图片

8)      详情页代码

微信小程序-关于详情页面数据的动态加载_第3张图片

微信小程序-关于详情页面数据的动态加载_第4张图片

 


你可能感兴趣的:(微信小程序-关于详情页面数据的动态加载)