解决方法如下:this.$refs.mutipleSelect.$refs.input.blur
<el-select class="studySelect w-284"
:placeholder="$t('public.siteInfo.5lq90luzubo0')"
v-model="centerId"
multiple
collapse-tags
filterable
clearable
@focus="blurSelect"
@clear="refreshData"
@remove-tag="refreshData"
ref="mutipleSelect"
>
blurSelect() {
this.$refs.mutipleSelect.$refs.input.blur = () => {
this.refreshData();
};
}
文章介绍了在Vue.js应用中,如何利用$refs和事件处理函数来实现el-select多选框失去焦点时自动刷新数据的功能。通过绑定blur事件并调用refreshData方法,实现了组件的交互优化。
6345

被折叠的 条评论
为什么被折叠?



