el-form表单el-form-item验证规则里prop一次验证两个或多个值

<el-form-item label="随机区间" prop="randowMin" v-if="infoData.type !== 4 && infoData.isRandow === 1">
  <div class="input_item">
    <div class="input_item_value input_item_value2">
      <el-input v-model="infoData.randowMin" placeholder="请输入内容"></el-input>
    </div>
    <span>-</span>
    <div class="input_item_value input_item_value2">
      <el-input v-model="infoData.randowMax" placeholder="请输入内容"></el-input>
    </div>
  </div>
</el-form-item>
data() {
  const valTowValue = (rule, value, callback) => {
    if (value == "" || value == undefined || value == null) {
      callback(new Error("请输入随机区间"));
    } else {
      if (!this.infoData.randowMax) {
        callback(new Error("请输入最大值"));
      } else if (!this.infoData.randowMin) {
        callback(new Error("请输入最小值"));
      } else if (Number(this.infoData.randowMin) >= Number(this.infoData.randowMax)) {
        callback(new Error("请输入正确的范围值"));
      } else {
        callback();
      }
    }
  };
}
rules: {
  randowMin: [{ validator: valTowValue, trigger: "blur" }],
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容