uniapp动态显示数组_uniapp列表渲染,渲染循环嵌套数组

{{item.name}}

{{itemson.name}}

export default {

data() {

return {

fenecList: [],

};

},

onLoad() {

this.getList();

},

methods: {

getList() {

uni.request({

url: "../../static/test.json",

method: 'get',

dataType: 'json',

success: (res) => {

console.log(res.data);

this.fenecList = res.data.info;

},

});

},

},

}

json数据

{

"retCode": 1,

"info": {

"id": 1,

"configName": "家庭作业",

"fences": [{

"id": 1,

"name": "测试区域一",

"tasks": [{

"id": 1,

"name": "测试办公室位置"

},{

"id": 2,

"name": "测试会议的位置"

},{

"id": 3,

"name": "测试办公室位置"

}]

},{

"id": 2,

"name": "测试区域二",

"tasks": [{

"id": 1,

"name": "查看饮水机"

},{

"id": 2,

"name": "查看电脑的"

},{

"id": 3,

"name": "查看空调"

}]

}]

}

}

渲染数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值