el-form动态数据绑定

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,
    },
  ],

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题