小程序
//js
Page({
data: {
list:[
{name:1,key:2},
{name:2,key:2},
{name:3,key:2},
{name:4,key:2},
{name:51,key:2},
{name:51,key:2},
{name:51,key:2},
],
}
})
//wxml 先循环数组在循环对象
<view wx:for="{{list}}" class="wxList" wx:for-item="name">
<block wx:for="{{name}}" wx:for-index="key" wx:for-item="item">
<view class="title">{{key}}:</view>
<view class="txt">{{item}}</view>
</block>
</view>
小程序渲染值
vue
//js
export default{
data(){
return{
list:[
{name:1,key:2},
{name:2,key:2},
{name:3,key:2},
{name:4,key:2},
{name:51,key:2},
{name:51,key:2},
{name:51,key:2},
],
}
},
}
//vue 先循环数组在循环对象
<div style="display: flex; font-size: 20px;" v-for="item in list">
<div style="display: flex;margin-right: 10px;" v-for="(v,name,index) in item">
<div class="title">{{name}}:</div>
<div class="txt">{{v}}</div>
</div>
</div>
vue渲染值