Как я могу проверить СМЕШАННЫЙ ВВОД в пользовательском интерфейсе элемента - PullRequest
Новая
       64

Как я могу проверить СМЕШАННЫЙ ВВОД в пользовательском интерфейсе элемента

0 голосов
/ 04 августа 2020

У меня есть пример https://jsfiddle.net/vintkor/b35kxu90/19/ Как я могу проверить input5 и выбрать поля вместе? Я не нашел этого в официальной документации

HTML

   <el-form ref="form" :model="form" :rules="rules">

     <el-form-item prop="input5">
       <el-input class="inline-input" placeholder="Please input" v-model="form.input5" style="width: 300px;">
         <el-select required v-model="form.select" slot="prepend" placeholder="Select">
           <el-option label="Restaurant" value="1"></el-option>
           <el-option label="Order No." value="2"></el-option>
           <el-option label="Tel" value="3"></el-option>
        </el-select>
        <el-button slot="append" icon="search" @click=submitForm('form')></el-button>
      </el-input>
    </el-form-item>
  
  </el-form>

1 Ответ

0 голосов
/ 04 августа 2020

Вы должны написать свою собственную проверку: 

data() {
    var validateInput5 = (rule, value, callback) => {
       if (value === '') {
          callback(new Error('Please enter an input'));
       } else if (value !== this.form.select) {
          callback(new Error('Please select something'));
       } else {
          callback();
       }
    };

    return {
      form: {
        input5: '',
        select: '',
     },
     rules: {
       input5: [
          { validator: validateInput5, trigger: 'blur' }
       ],
     }
  }
},
...