Laughing
element ui之el-select选择控件使用一些说明的
11/01
本文最后更新于2024年03月18日，已超过183天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
这会是一片持续更新的博文，主要记载使用elementui的日期控件el-date-picker的一些问题或者奇技淫巧。
对选禁止换行
el-select支持多选操作，但是在使用过程中，如果用户选择的元素比较多，会导致el-select的内容换行显示，影响美观。
针对这个问题，我们有两种解决方案，但是都各有缺点。
1.通过覆盖样式解决
通过样式覆盖的方式解决，是相对来说比较好的一种方式。通过覆盖elementui的样式，禁止换行。
在style中，增加如下css（不能在scoped中添加，在scoped中写不会生效）
.el-select__tags {
flex-wrap: nowrap;
overflow: hidden;
}这种方式的缺点是多余的内容不会显示。
2.通过collapse-tags属性合并内容
collapse-tag是el-select自带的一个属性。当选择多个元素时，只显示第一个元素，后面的元素显示1⃣️2⃣️3⃣️...这种格式。
这种方式虽然解决了换行的问题，但是只能显示第一个元素，显示效果不如第一种方式。
版权属于：
香草物语
本文链接：
https://www.xiangcaowuyu.net/web/the-el-select-control-of-elementui-uses-some-instructions.html（转载时请注明本文出处及文章链接）
作品采用：
还没审核好吗