首页 > 其他 > 详细

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

时间:2020-11-13 12:09:58      阅读:612      评论:0      收藏:0      [点我收藏+]

前言


在使用 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
      }
    }

 

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

原文:https://www.cnblogs.com/cokolxvd/p/13968205.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!