element UI cascader组件 filter-met

作者: SY | 来源:发表于2021-08-02 15:26 被阅读0次

在使用 elementUI cascader 组件搜索功能时，组件默认是不支持大小写模糊搜索，需要通过自定义搜索逻辑来实现

步骤

1.插件中加入自定义事件

<el-cascader

v-model="postForm.code" :options="cascader" clearable

filterable

:filter-method="dataFilter" :placeholder="编号查询"/>

定义filter-method

2.编写自定义事件

dataFilter(node, val) {

console.log('val', val, 'node', node)

if(!!~node.text.indexOf(val) || !!~node.text.toUpperCase().indexOf(val.toUpperCase())) {

returntrue }

}

element UI cascader组件 filter-met
在使用 elementUI cascader 组件搜索功能时，组件默认是不支持大小写模糊搜索，需要通过自定义搜索...
Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档代码: 完整示例:
Element UI Cascader不限层级,根据最后节点值获
原创,转载请附加转载来源.Element UI 的Cascader是很好的层级控件,https://element...
el-cascader属性重定义
element-ui的层级选框 cascader 官方默认属性是value ，label ， children，但...
77.vue的属性透传 && 两个component接收同样的p
1. 如何实现组件的属性透传场景：封装 Element-ui组件，从封装组件外部向 Element-ui 组件...
el-cascader 数据处理
element-ui文档中，el-cascader级联选择器的数据格式为 value, label, childr...
Element Cascader 级联选择器点击文字选中
自从element-ui更新到2.12之后，级联选择器Cascader只能点击圆圈才能选中。点击文字 label ...
el-cascader一个诡异bug
element-ui版本^2.13.2级联工具el-cascader使用emitPath: true返回值为数组时...
vue树形结构，实现无限级分类，可移动排序
需要配合 VUEX 实现，ui组件用的是element-ui 组件代码
图片预览-基础版
基于element-ui 的图片预览，我这里没有封装组件，实际运用中要自己要封装组件 1、element-ui 自...