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
      }
    }