首页 > 其他 > 详细

饿了么ui 同时验证两个select框

时间:2019-05-30 20:59:07      阅读:135      评论:0      收藏:0      [点我收藏+]

html:

<el-form-item label="所属分类" prop="speconeclass">
            <el-select v-model="topform.speconeclass" size="mini" placeholder="请选择一级分类">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
            <el-select
              v-model="topform.spectwoclass"
              size="mini"
              placeholder="请选择二级分类"
              ref="spectwoclass"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>

rules:

speconeclass: [
          { required: true, validator: this.checkFrequency, trigger: "change" }
        ]

methods:

//同时验证两个select框
    checkFrequency(rule, value, callback) {
      let spectwoclass = this.$refs.spectwoclass.value;
      if (value && spectwoclass) {
        callback();
      } else {
        callback(new Error("请选择一级分类和二级分类"));
      }
    },

 

饿了么ui 同时验证两个select框

原文:https://www.cnblogs.com/liAnran/p/10951194.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!