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
}
相关推荐
哆啦A梦15885 分钟前
商城后台管理系统 04,商品添加-清空列表
javascript·vue.js·elementui
哆啦A梦15886 分钟前
商城后台管理系统 06,类目选择实现
javascript·vue.js·elementui
carry杰9 分钟前
nacos bootstrap.yml 动态配置开发测试线上模式
前端·bootstrap·html
少年张二狗16 分钟前
Vue + Element-UI 图片上传实现拖拽排序功能
前端·vue.js·ui
我又来搬代码了26 分钟前
【Android】【Compose】Compose知识点复习(一)
android·前端·kotlin·android studio
哆啦A梦158830 分钟前
【vue实战】商城后台管理系统 01 项目介绍
前端·javascript·vue.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ1 小时前
java实现登录:多点登录互踢,30分钟无操作超时
java·前端
一字白首1 小时前
Vue Router 进阶,声明式 / 编程式导航 + 重定向 + 404 + 路由模式
前端·javascript·vue.js
广州华水科技1 小时前
单北斗变形监测在水库安全中的应用与维护该如何实施?
前端