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

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

浏览量:2004 时间: 来源:xjdhunter

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)      详情页代码

小程序

小程序

 


小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎