el-select
展示选项,选项不多的情况下,我们可以进行手动下拉选择。可以利用搜索功能快速查找选项
el-select
添加filterable
属性即可启用搜索功能。
filter-method
来实现。filter-method
为一个Function
,它会在输入值发生变化时调用,参数为当前输入值。比如我们想用value来作为关键词搜索
这时候就是用的value来搜索了
从服务器搜索数据,输入关键字进行查找
filterable
和remote
设置为true
,同时传入一个remote-method
。remote-method
为一个Function
,它会在输入值发生变化时调用,参数为当前输入值。el-option
是通过v-for指令渲染出来的,此时需要为el-option
添加key
属性,且其值需具有唯一性,比如此例中的item.value
。
这样我们的选项就是从后端服务器上获取的了,如何搜索就按后端接口规定的参数来