el-input单独校验

el-input单独校验,效果图如下

          
            
              
              -
              
            
          
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

data中定义校验规则

    saerchFormRules: {
        sPublish: [{ validator: this.validatePass, trigger: "blur" }],
      },
1
2
3

methods中使用

 // 查询修订次数
    changesPublish(val) {
      this.$refs.addForm.validateField("sPublish");
    },

    validatePass(rule, value, callback) {
      if (this.addForm.sPublish > this.addForm.ePublish) {
        return callback(new Error("前数不能小于后数"));
      }
    },
1
2
3
4
5
6
7
8
9
10