在Vue项目中，使用Element-UI的Select组件实现下拉框联动功能，遇到的问题是选择付款项后如何将对应材料数据展示在材料选项中。尝试使用watch监听付款项数据变化未成功，可能是数据处理理解不足。代码示例中，通过`getBudget`函数获取接口数据并填充到`typesContractData`和`marterList`数组，但未能达到预期效果。同时，存在`Vue warn: Missing required prop: "value"`的警告，这通常意味着组件缺少了必要的属性值。
业务场景是这样，选择付款项关联材料：
接口返回的数据是这样的，怎么选择items中的name后，把此条数据的item放在材料选项里：
这是弹框代码：
这是获取接口函数，typesContractData是付款项的数组，marterList是材料的数组：
// 获取预算列表
getBudget() {
let params = { "access-token": this.access_token }
budgetList(params).then(res => {
let data = res.data.items
for(var i = 0; i < data.length - 1; i++) {
this.typesContractData.push(data[i])
let datas = this.typesContractData[i].item
for(var g = 0; g < datas.length; g++) {
this.marterList.push(datas[g])
}
}
console.log(this.typesContractData)
console.log(this.marterList)
}).catch(err => {
console.log(err)
})
}
想过用watch来监听付款项数据的改变来改变材料的数据，结果好像不行，因为是在一个接口数组里面。
感觉不难，但就是写不出来，还是对数据处理理解的不够深，求解决，蟹蟹！
还有[Vue warn]: Missing required prop: "value"这个错误是什么意思？
changeMethods(name) {
var marterList = []
items.map(e => {
if(e.name = name) {
marterList = e.item
}
})
},
扫一扫
379
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
