el form页面要显示的label和input,是el table(这里的数据行列也是父组件动态生成的)里拿到的。
el form这里拿到的el table传过来的2个数据 类似这样的,每次传过来的lael长度不一样。
要展示的效果就是点击el-table具体某一行回显对应的label和input。。
解决了
this.$set(this.formData, col.colId, "");
v-model="formData[item.key]
column: [
{ colId: "date", colName: "日期" },
{ colId: "name", colName: "姓名" },
{ colId: "province", colName: "省份" },
{ colId: "city", colName: "市区" },
{ colId: "address", colName: "地址" },
{ colId: "zip", colName: "邮编" },
],
tableData:[
{
date: "2016-05-02",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1518 弄",
zip: 200333,
},
{
date: "2016-05-04",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1517 弄",
zip: 200333,
},
{
date: "2016-05-01",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1519 弄",
zip: 200333,
},
{
date: "2016-05-03",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1516 弄",
zip: 200333,
},
],