小程序的页面循环列表渲染

index.js 里的data

let arr1=[

"mye","leo","bke","heooly"

]

 

data: {

     names:arr1

}

 

index.wxml里渲染

<view

wx:for="{{names}}"

wx:key="*this"     //*this就代表这个值

>

{{item}}

</view>

 

 

 

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

index.js里的data

 

let arr2=[

{

id:Math.random(),name:"yfeis"

},

{

id:Math.random(),name:"abe"

},

{

id:Math.random(),name:"7777"

}

]

data: {

     names:arr2

}

index.wxml 渲染

 

<view

    wx:for="{{names}}"

      wx:key="id"

>

    {{item.name}}

</view>