微信小程序，列表的渲染

1.在列表中data:{}传数据

运算可以在{{}}写表达式，简单的运算，三元运算，逻辑判断等等。

{{ num === 1 ？ '-' : 0 }}

{{num + 3}}

{{msg + ' '+obj.name}}

条件渲染

<view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view wx:elif="{{view == 'APP'}}"> APP </view>
<view wx:else="{{view == 'MINA'}}"> MINA </view>

列表的渲染

定义列表选项

persons:[

        {

            id:1,

            name:'Tom',

            age:11

        },
        {
            id:2,
            name:'TOMONE',
            age:25
        },
        {
            id:3,
            name:'apple',
            age:24
        },

]

 

使用for进行循环数据

<view wx:for="{{persons}}"  wx:for-item="item" wx:for-index="index">

<view>索引：{{index}}</view>

<view>姓名：{{item.name}}</view>

</view>

注：遍历数组的时候

在遍历数组的时候遍历item

在遍历对象的时候，是遍历key和val

在遍历字符串的时候会对字符串进行拆解

<view wx:for="array">

{{item}}

</view>

最后输出

a

r

r

a

y

最后会进行分解输出