element-ui 中 el-select 组件选择后不会自动关闭

在使用 el-select 组件时,打开 select 选择框后选择或点击其他元素后不会自动关闭 el-select 框的问题。

我们只需要将在操作后手动让 el-select 失去焦点即可收起下拉框。

html 复制代码
<el-select v-model="value1" ref="selectRef" multiple placeholder="请选择">
	<el-option
	  v-for="item in options"
	  :key="item.value"
	  :label="item.label"
	  :value="item.value">
	</el-option>
</el-select>
javascript 复制代码
// vue3中写法
const selectRef = ref(null)
const handleClick = ()=>{
	selectRef.value.blur()
}

return {
	selectRef,
	handleClick
}
相关推荐
午安~婉几秒前
ESLint
前端·eslint·检查
“抚琴”的人1 分钟前
C#中获取程序执行时间
服务器·前端·c#
掘金一周11 分钟前
Flex 布局下文字省略不生效?原因其实很简单| 掘金一周 10.16
前端
Stringzhua16 分钟前
Vue的Axios介绍【9】
前端·javascript·vue.js
摸着石头过河的石头33 分钟前
JavaScript 垃圾收集:内存管理的艺术
前端·javascript
前端小崽子34 分钟前
🔥 踩坑实录:Fabric 在 Intel Iris Xe 显卡上 CPU 飙升 100%
前端
东华帝君38 分钟前
React Suspense组件
前端
siaikin38 分钟前
基于 Astro Starlight 的多框架文档
前端·vue.js·markdown
红毛丹40 分钟前
在 Playwright 中执行 JavaScript
前端·自动化运维
一树山茶40 分钟前
uniapp云函数使用——内容审核
前端·javascript