需求：只有一个tag 时，不可删除；且options 不可选择 / 取消
最终效果展示：
解决思路：
（1）watch 进行监听select绑定value，判断长度；
（2）添加样式到el-tag__closetag中，把icon 删除按钮“x” 设置 display:none;隐藏，造成视觉上不可删除的效果；
（3）同时将option的disabled属性加上，为了和（2）同步效果；
试了很多方法，刚开始用的watch监听长度变化，但是默认一个值的时候效果不太好，后来用了下面这个方法，简单粗暴。
上代码：
就这两个属性三目判断一下，没用任何js代码，搞定！
HTML
CSS
最后
以上就是高兴朋友最近收集整理的关于element-ui下拉多选框 el-select 时，有且至少有一个tag标签（多个tag可任意删除，一个不可删除）的全部内容，更多相关element-ui下拉多选框内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复