上张图片是返回的数据
上面的图片为初次加载时 子表单只有一行 且值为空,先要求根据接口返回的数据长度来决定添加几行,并且将值赋值给每行,即下面图片的形式
官方使用手册是真的一言难尽啊!! 也可能是我太拉!! 完整代码如下
var info = response.data[0].formData.tableField_lgvth8zq
if (info && info.length > 0) {
let newValue = info.map((item) => {
console.log("key值", Object.keys(item)[0])
console.log("value值", Object.values(item))
return {
"textField_lgvth8zv": Object.values(item)[0], //textField_lgvth8zv 子表单 第一个元素的唯一标识
"textField_lgvth8zw": Object.values(item)[1], //textField_lgvth8zw子表单 第二个元素的唯一标识
}
})
this.$("tableField_lgvth8zq").setValue(newValue); //tableField_lgvth8zq 子表单组件唯一标识 注意区别
} else {
this.$("tableField_lgvth8zq").reset();
}
});