element 表格中 多个输入框 怎么校验 el-form 动态验证规则 el-table中检验多个input

问题:在element表格中需要验证多个输入框,如下图:element 表格中 多个输入框 怎么校验 el-form 动态验证规则 el-table中检验多个input_第1张图片

解决:在表格中加入 el-form-item,上代码


  
     
            
            
            
            
            
            
              
            
            
              
              
            
          
        
data() {
    const validateNum = (rule, value, callback) => {
      if (value === '') {
        callback(new Error());
        return
      }
      if (value > 5 || value < 1) {
        callback(new Error());
        return
      }
      callback();
    }
    return {
      tableData: [],
      rules: {
        payloadNum: [{ required: true, validator: validateNum, trigger: 'blur', message: '' }]
      },
      form: {
        payload: [] // 优惠券id
      }
    };
  },

如果只想标红输入框,而不想显示错误提示,可以用css隐藏 错误提示

参考文章:http://raboninco.com/1U1ks

开发宝典:http://raboninco.com/1U1m2

你可能感兴趣的:(element-ui,jsvascript,vue)