el-tree 过滤不区分字母大小写

el-tree 过滤不区分字母大小写


这上面其他的属性暂时不需要,需要的就是这个:filter-node-method=“filterNode”,自定义过滤函数
之前是搜索了一下看别人是这么写的

filterNode (value, data) {
      if (!value) return true;
      return (data[this.defaultProps.label].indexOf(value.toUpperCase()) !== -1 || data[this.defaultProps.label].indexOf(value.toLowerCase()) !== -1);
    },

原本也没什么问题,就是把输入的进行大小写转换,两次匹配
但是后来使用的过程中发现,这种只会进行全大写和全小写的匹配,而不会进行大小写混写的匹配
比如我输入Tr,这里面匹配的就是TR和tr,但是如果真正的数据里就是Tr,那么这样是匹配不到的
但是可以改成这样

filterNode (value, data) {
      if (!value) return true;
      let nowval = data[this.defaultProps.label].toUpperCase()
      return (nowval.indexOf(value.toUpperCase()) !== -1);
    },

转换一下思路就行了,把输入的转小写,把需要匹配的也转小写,这样就全同了,保证前后一致即可,这样输入tr,TR,Tr,tR都可以匹配到

你可能感兴趣的:(vue.js,javascript,前端,elementui,html)