• 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

  • 相关阅读:
    指针和数组的关系
    深入学习数组
    const关键字与指针
    野指针是什么
    指针带来的一些符号的理解
    指针的本质
    内存管理之堆
    内存管理之栈
    元类
    断点调式和面向对象进阶
  • 原文地址:https://www.cnblogs.com/shiyiersan/p/13650259.html
Copyright © 2020-2023  润新知