Vue element-plus размытие или отключение фокуса после щелчка компонента

У меня есть форма с ref = "form" и некоторые элементы в форме, например:

      <el-form :model="form" :rules="rules" ref="form" label-width="120px">
<el-form-item label="reason" prop="reason">
            <el-select
              v-model="form.reason"
              //ref="reason" try use this but doesnt work
              filterable
              remote
              reserve-keyword
              placeholder="test"
              :remote-method="remoteMethod"
              :loading="loading"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.name"
                :value="item.value"
                @click="check_exist_variables(item)"
              ></el-option>
            </el-select></el-form-item>
</el-form>

Я пытаюсь установить ref в элемент для изменения компонента фокуса после того, как щелкнул по нему следующим образом:

      check_exist_variables: function (item) {
      //...
      this.$refs.form.reason.blur();
      // or 
      this.$refs.reason.blur();
    },

После нажатия на el-option, сосредоточьтесь на el-option. Что я делаю не так?

0 ответов

Другие вопросы по тегам