1.前端自定义列表添加和删除

 
          
            添加
            

               
              
                
              
              
                
              
              
                
              
            
          


formData:{
infoArrayDTOList:[],
},
formRules:{
  contractOppositeName: [
      { required: true, message: "不能为空", trigger: "blur" },
      { max: 20, message: "20字以内", trigger: "blur" },
  ],
  jobPosition: [
       { required: true, message: "不能为空", trigger: "blur" },
       { max: 20, message: "20字以内", trigger: "blur" },
 ],
},

    handleAdd(val) {
      let obj = {
        ruleName: "",
        jobPosition: "",
      };
      if (val == "内容") {
        this.formData.infoArrayDTOList.push(obj);
      }
    },

  //删除行
    handleDelete(val, index) {
      if (val == "内容") {
        this.formData.infoArrayDTOList.splice(index, 1);
      }
    },