Vue中 数组操作以及注意事项

  • 681 字

简单的for循环添加到末尾

1
2
3
for (let item of data) {
this.reformList.push(item)
}

for-i循环添加对象

1
2
3
4
for (let i = 0; i < data.MonthContractBugDetails.length; i++) {
let detail = data.MonthContractBugDetails[i]
this.option2.series[0].data.push({'value': detail.BugCount, 'name': detail.ContractShortName})
}

其中‘value’和‘name’是对象中的相应字段

直接添加一个到数组中

1
this.bugInfo.PdfList = [{PdfName: data.BugInfo.PdfName, PdfUrl: data.BugInfo.PdfUrl}]

个人问题记录

1
this.inspectInfo = data.InspectInfo

这中处理方式在处理数据源的时候很常见,但是如果数据源还需要二次加工(例如拼接等操作),服务端数据中的字段和本地数据的字段不匹配,就是导致xxx undefined,因此在处理这类数据时,不要在前面给本地数据源赋值。

赞助喵
非常感谢您的喜欢!
赞助喵
分享这一刻
让朋友们也来瞅瞅!