el-input驗證規則

首先在html結構中的代碼

<el-form-item prop="nums"> //此處驗證規則名稱要與 v-model 一致
    <el-input v-model="nums"> </el-input>
<el-form-item>

然后在data中定義驗證規則

data() {
　　　　//   這個驗證規則適用為 ： 不為空，可以為0，只能是數字，且有范圍，如果有其他需求可以自己修改添加
     var rules_nums = (rules, value, callback) => {
          if(!value && value !==0) {
               callback(new Error("不能為空"))
           } 
           if(value === 0) {
               callback()  //這里是值可以為0
           }
            if(Object.is(value, NaN)) {
                callback(new Error("這里必須是數字，可以為負值"))
            } else {
                 if (value > 180 || value < -180) {
                      callback(new Error("這里是范圍限制"))
                 } else {
                       callback()
                 }
            }
      }
     return {
         rules:{ // 這個rules是在表單外部定義的規則名稱
            nums:[{validator: rules_nums, trigger: blur}]   //  紅色為驗證規則的名稱
         }
     }        
}
      

elementUI官網導航： https://element.eleme.cn/#/zh-CN/component/form