l749951543的博客

原创 SprintBoot+Vue+Elemnt-Ui 实现首拼模糊查询

1.首先前端组件使用的是select选择器，要想实现首拼查询，需要调用后端的接口，所以，这里我们使用select选择器的远程搜索属性。启用远程搜索，需要将filterable和remote设置为true，同时传入一个remote-method。remote-method为一个Function，它会在输入值发生变化时调用，参数为当前输入值。在Element官网中，有对该控件利用搜索功能快速查找的详细说明（https://element.eleme.cn/#/zh-CN/component/select）。下图