组件内部没有设置deep
监听props,数据变更时,请生成新的props,不然组件将无法刷新状态
this.config.data = ['foo', 'foo']
是无效的
this.config = { data: ['foo', 'foo'] }
才是有效的
接口返回数据格式
[
{
"count": 108123,
"productName": "差价(差价请拍此链接)"
},
{
"count": 104760,
"productName": "饲料"
},
{
"count": 84997,
"productName": "肥"
},
{
"count": 80099,
"productName": "虫乐丁"
},
{
"count": 74211,
"productName": " 花白鲢速长"
}
]
处理
if (res.code==200) {
let arr=[]
for(let i=0;i<res.data.length;i++){
arr.push([`top${i+1}`,`${res.data[i].productName}`,`${res.data[i].count}`])
}
console.log(arr,'123');
this.config = {
...this.config,
data: arr
}
处理之后
[
[
"top1",
"差价(差价请拍此链接)",
"108123"
],
[
"top2",
"饲料",
"104760"
],
[
"top3",
"肥",
"84997"
],
[
"top4",
"虫乐丁",
"80099"
],
[
"top5",
"花白鲢速长肥)",
"74211"
]
]