这会是一片持续更新的博文，主要记载使用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⃣️...这种格式。
这种方式虽然解决了换行的问题，但是只能显示第一个元素，显示效果不如第一种方式。