实现element-select在多选模式下能搜索

前两天做了个功能，实现element-select在多选模式下能搜索，看了官方文档没有相应的方法和属性，现在复盘一下

1.el-select在多选模式下是不支持搜索的，所以在下拉框里加入input框

2.一开始想在input框输入内容的时候进行远程搜索的，经过尝试发现，如果先有选中值，然后input框输入进行搜索，搜索出来的列表中不包含之前选中值，之前选中值就会变成它的value值，所以远程搜索这个方式排除掉了。。。。

3.远程搜索不行，那就用本地搜索+v-show来搞定（v-if是不行的，v-if把节点去掉了，还是会出现上面2的情况）

    （1）html代码

图1-1

    （2）在input搜索框的事件里进行本地搜索，给满足条件的加变量


图1-2

（3）成功后的效果


图1-3
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容