我是靠谱客的博主 高兴朋友，最近开发中收集的这篇文章主要介绍element-ui下拉多选框 el-select 时，有且至少有一个tag标签（多个tag可任意删除，一个不可删除），觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
需求：只有一个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下拉多选框 el-select 时，有且至少有一个tag标签（多个tag可任意删除，一个不可删除）所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复