小程序之列表渲染

2018-11-25  本文已影响0人  yiyididi

实例:

//helloworld.wxml

<view wx:for="{{array}}">

{{index}}:{{item.message}}

</view>

//helloworld.js

Page({

  data:{

    array:[{

      message:'foo',

    },

    {

    message:'bar'

    }]})

运行结果:

在组件view使用控制属性wx:for绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item。

上一篇 下一篇

猜你喜欢

热点阅读