element表格+表单+表单验证结合u

一、结果展示

1、图片

2、描述

table中放form表单，放输入框或下拉框或多选框等；

点击添加按钮，首先验证表单，如果存在没填的就验证提醒，都填了就向下添加一行表单表格；

点击当前行删除按钮，清除行。

二、实现代码

    addAddress() {
      this.$refs['paramsForm'].validate().then(vaild => {
        if (!vaild) return;
        this.formother.customerAddressList.push({
          consignee: "",
          phone: "",
          address: "",
          warehouse: ""
        })
      }).catch(error => {
        console.log(error)
      })
    },
    deleteParams(index) {
      this.formother.customerAddressList.splice(index, 1)
    }