vue element validator

通过validator验证2个字段的值

 		<el-col :span="6">
          <el-form-item label="宽带" prop="minBandwidth" label-width="70px">
             <el-input-number v-model="form.minBandwidth" placeholder="请输入最小带宽值" :precision="2" :step="0.1" :min="0" :style="{width: '100%'}"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="至" prop="maxBandwidth" label-width="40px">
             <el-input-number v-model="form.maxBandwidth" placeholder="请输入最大带宽值" :precision="2" :step="0.1" :min="0" :style="{width: '100%'}"/>
          </el-form-item>
        </el-col>

 	rules: {
        userId: [
            { required: true, message: '请输入用户', trigger: 'blur' },
        ],
        equipmenNum: [
            { required: true, message: '请输入设备数量', trigger: 'blur' },
        ],
        minBandwidth: [
            { required: true, message: '请输入最小带宽值', trigger: 'blur' },
            { validator: this.checkMinBandwidth, trigger: 'blur' }
        ],
        maxBandwidth: [
            { required: true, message: '请输入最大带宽值', trigger: 'blur' },
            { validator: this.checkMaxBandwidth, trigger: 'blur' }
        ],
        calcTime: [
            { required: true, message: '请输入生成时间段', trigger: 'blur' },
        ],
      },

// 验证最小带宽
    checkMinBandwidth(rule, value, callback){
      if(!(this.form.maxBandwidth === undefined || value <= this.form.maxBandwidth)){
        callback(new Error("带宽最小值不能大于最大值"))
      }
    },
    // 验证最大带宽
    checkMaxBandwidth(rule, value, callback){
      if(!(this.form.minBandwidth === undefined || value >= this.form.minBandwidth)){
        callback(new Error("带宽最大值不能小于最小值"))
      }
    },