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
}
相关推荐
谢尔登4 分钟前
Vue3 响应式系统——computed 和 watch
前端·架构
愚公移码6 分钟前
蓝凌EKP产品:主文档权限机制浅析
java·前端·数据库·蓝凌
欣然~2 小时前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣2 小时前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
符文师3 小时前
css3 新特性
前端·css3
ct9783 小时前
WebGL开发
前端·gis·webgl
C_心欲无痕3 小时前
前端页面渲染方式:CSR、SSR、SSG
前端
果粒蹬i3 小时前
生成式 AI 质量控制:幻觉抑制与 RLHF 对齐技术详解
前端·人工智能·easyui
WordPress学习笔记4 小时前
解决Bootstrap下拉菜单一级链接无法点击的问题
前端·bootstrap·html
Never_Satisfied4 小时前
C#插值字符串中大括号表示方法
前端·c#