ElementUI Select multiple 功能增强

[Fairy1128]

在对ElementUI Select组件使用的过程中 发现 multiple 模式不是很好用

作为查询框

• 禁止更改大小影响其他布局
• 支持全选 /全部不选即使是在 filterable 情况下

现在初步改为如下形式

这种会比之前的好点吗

还是有其他更好的想法

[mokeyjay]

加减号不太美观
加号可以用回车替代，减号建议去掉容易误操作

[maplelin]

只有我感觉一个下拉菜单加个+-中间放个输入框怪怪的吗

[Fairy1128]

@mokeyjay 那么减号的操作怎么实现比较好呢

[Fairy1128]

@maplelin 所以想问问有没有更美观也更实用的方式

[9ki]

这种复杂多选适合弹个框搞, 楼主自己 demo 也能看出来选中多个与 "奶" 相关的物品后压根不知道究竟选了什么, 这已经不是一个 selector 能搞定的场景了

[fyyz]

应该在 combo 的弹出框里输入 [牛] 的时候，combo list 里和 [牛] 有关的选项置顶，置顶同时，选中项保持高亮，非选中项保持不高亮。

[Fairy1128]

@9ki 选择的就是 过滤输入框输入“奶”后 下拉框里筛选出的所有 option

[Fairy1128]

@fyyz 这样我也想过 但是置顶很多个 感觉像没置顶 就放弃了

[fyyz]

@Fairy1128 https://www.iviewui.com/components/auto-complete 可以参考下这个

[9ki]

@Fairy1128 从我角度看像是个伪需求... 建议楼主把实际业务也加上讨论一下

[guyskk0x0]

加减号可以合并成一个，放在输入框后面，三种状态：
1. [√] 点击变全不选
2. [*] 点击变全选
3. [ ] 点击变全选