今天做的表单是循环出来的,回显的时候后端返回的数据是数组对象,无法直接给表单v-model绑定值,我们需要拿到返回的键值组成对象给表单绑定数据。
后端返回的数据格式(其中zdbm的value是我们想要的表单字段,sjz的value是我们想要的表单值):
封装了一个简单的函数给对象循环添加多个键值
//data为传入的数组对象
getValue(data) {
let obj = {}
data.forEach((item) => {
obj = {
...obj,
[item.zdbm]: item.sjz
}
})
return obj
}
调用:
// 获取后台数据res
this.ruleFormXjxx = { ...this.getValue(res) }
console.log(this.ruleFormXjxx ,'this.ruleFormXjxx ');
处理后的数据: