基于Element UI select组件实现同时支持通过label和value过滤列表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于Element UI select组件实现同时支持通过label和value过滤列表相关的知识,希望对你有一定的参考价值。

参考技术A element ui的select组件设置 filterable 后, 默认支持的是通过label来进行过滤搜索, 那么如何让value也支持过滤呢?
官方文档上提供了 filter-method 来自定义搜索方法, 还需要一个 visible-change (下拉框出现/隐藏时触发)的事件来实现功能.

预览效果

以上是关于基于Element UI select组件实现同时支持通过label和value过滤列表的主要内容,如果未能解决你的问题,请参考以下文章

element-ui中el-select与el-tree的结合使用实现下拉菜单

vue element-ui Select 提取为子组件 ,有个清空按钮 要清空所有select的值 怎么实现?

element-ui中el-select与el-tree的结合使用实现下拉菜单

基于element UI下el-select的拼音检索

element-ui中el-select与el-tree的结合使用实现下拉菜单

在使用element ui时 select组件获取label问题