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. Что я делаю не так?