element-ui中远程搜索select

项目中有下拉框,需求:获取焦点,可以让用户选择,也可以让用户在输入框中输入,实现模糊搜索,也可以多选。因为使用element-ui,所以就使用了select的高级用法,需求如下图所示

element-ui中远程搜索select_第1张图片

我们以代码的形式进行呈现





上面当el-select获取焦点的时候,我们把请求到的数据复制给option4,页面做一个渲染,当我们输入实现模糊搜索的时候,使用的是过滤。

我在处理数据的时候,push进去的是value跟codeValue,在做循环,我们理所当然用的value跟codeValue。当我们只输入的时候,没有问题,但我们只选择的时候,也没有任何问题,但是有一部分是输入搜索得到,有一部分是选择得到,就会出现问题,input中你选择的值就不合适了。经过检查,最终以上面代码的解决方法解决,是没有任何问题的。

你可能感兴趣的:(element-ui)