微信小程序> 微信小程序——for循环写出列表简单例子

微信小程序——for循环写出列表简单例子

浏览量:589 时间: 来源:ORIGIN_TANG

 

block wx:for="{{post_key}}" wx:for-item="item"

view class='post-container'

view class='post-author'

image class='post-img' src='/image/human.png'/image

text class='post-date'{{item.date}}/text

/view

text class='post-title'{{item.title}}/text

image class='post-image' src='/image/sf10.jpg'/image

text class='post-contain'hfkjhjkh /text

view class='post-like'

image class='post-like-image' src='../../image/id.png'/image

text class='post-like-font'92/text

image class='post-like-image' src='../../image/pass.jpg'/image

text class='post-like-font'65/text

/view

/view

/block

 

onLoad: function (options) {

var post=[

{

date:"Sep 18 2016",

title:"周杰伦"

},

{

date:"Nov 20 2018",

title:"TANGjy149"

}

]

this.setData({

post_key:post

});//等同于把页面加载请求的数据加载到了data

},

 

 

Wx:for循环如果只想取前几个,通过wxfor-indexwxif来操作

block wx:for="{{movies}}" wx:for-item="movie" wx:for-index="id"

block wx:if="{{id3}}"

template is="movieTemplate" data="{{...movie}}" /

/block

/block

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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