前两天做了个功能,实现element-select在多选模式下能搜索,看了官方文档没有相应的方法和属性,现在复盘一下
1.el-select在多选模式下是不支持搜索的,所以在下拉框里加入input框
2.一开始想在input框输入内容的时候进行远程搜索的,经过尝试发现,如果先有选中值,然后input框输入进行搜索,搜索出来的列表中不包含之前选中值,之前选中值就会变成它的value值,所以远程搜索这个方式排除掉了。。。。
3.远程搜索不行,那就用本地搜索+v-show来搞定(v-if是不行的,v-if把节点去掉了,还是会出现上面2的情况)
(1)html代码
(2)在input搜索框的事件里进行本地搜索,给满足条件的加变量
(3)成功后的效果