el-from动态验证必填项校验/input验证必须为数字且最大为...

el-from动态验证必填项校验/input验证必须为数字且最大为…

input验证必须为数字且最大为…

//html
<el-input
  v-model="add.num"
  @input="get_num(arguments[0], 40)" //最大阀值为40
></el-input>

// js
get_num(val, maxNum) {
  this.add.num = Number(val);
  this.$nextTick(() => {
    //比较输入的值和最大值，返回小的
    let num = Math.min(Number(val), maxNum);
    if (num < 0) {
      this.add.num = 0;
    } else {
      this.add.num = num;
    }
  });
},

el-from动态验证必填项校验

//html
<el-form-item
  label="联系电话"
  prop="iphone"
  :rules="type_Sohw ? rules.iphone : [{ required: false }]"
>
  <el-input
    v-model="add.iphone"
    placeholder="请输入联系电话"
    max="11"
  ></el-input>
</el-form-item>

//data. js

//type_Sohw : flase / true
rules: {
	   iphone: [
          {
            required: true,
            message: "联系电话不能为空",
            trigger: "blur",
          }
}