解决Element-UI中el-select下拉多选框默认值无法删除的问题
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文章介绍了如何在Element-UI框架中解决el-select组件下的多选框默认值无法直接清除的问题，并提供了解决方案和示例代码。
这是一个项目中的常见需求：在使用 el-select 组件进行多选操作时，默认值或者指定的某些选项不应该被删除。然而，el-select 的 tag closable 属性依赖于整个组件的 disabled 属性，并不能单独控制某个标签是否可关闭。
要实现部分选项不可删除的效果，需要解决两个关键问题：
1. 防止特定的 tag 被移除。
2. 禁用对应的 options 项。
禁用 option 是相对简单的，只需为这些项目添加 disabled 属性即可。而防止某些标签被移除则是更具挑战性的部分。
以下是我考虑的一些解决方案：
1、通过 watch 监听 el-select 的值变化，在尝试删除不可删除的选项时重写绑定到组件上的值。
这种方法需要在监听器中识别哪些是不允许关闭的 tag，并阻止其从当前选择列表中移除。
全部评论 (0)
还没有任何评论哟~
