如何设置el-select下拉多选框默认值不改变为长尾词？

本文共计997个文字，预计阅读时间需要4分钟。

这是一项常见的需求，el-select 作为下拉多选组件，默认值不可删除，或指定值不可删除。实现效果如下：el-select 元素中使用 tag+closable 属性，将其 disabled 属性设置为 el-select 的 disabled 属性，从而所有明显不支持的操作都将被禁用。

这是一个项目中常见的需求，el-select 为下拉多选，默认值不可删除，或者指定值不可删除。

实现效果：

el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性，所有明显不支持。

解决思路（从el-select 的角度来考虑，其他组件组合的情况暂不考虑）

想要实现某些选项是不删除，1、需要tag 不可删除，2、options 不可选择

options 不可选择很好实现，只需要给一个disabled属性。tag 不可删除才是关键。下面是我几种解决思路。

1、 watch 进行监听，当操作不可删除的选项时，el-select 绑定的值中 将之前删除的选项重新添加到原来的位置。达到不可删除的效果。