element UI cascader组件 filter-method实现大小写搜索

前言


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

组件文档https://element.eleme.cn/#/zh-CN/component/cascader#events

步骤


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())) {
        return true
      }
    }

 

posted on 2020-11-13 10:50  ShawYoi  阅读(4749)  评论(0编辑  收藏  举报