element tree过滤数据

element tree过滤数据

html

<el-input
   placeholder="从当前数据中搜索"
    v-model="keyWords" //过滤数据
    class="input-with-select"
    size="small"
    clearable
  >
 </el-input>
---------------------------------
<el-tree
 	class="person-tree"
    ref="tree"
    :data="depData"
    node-key="id"
    :load="loadNode"
    :filter-node-method="filterNode"//过滤方法
    :props="defaultProps"
    highlight-current
    @node-click="handleNodeClick"
    lazy
  ></el-tree>

data

 keyWords: "",

js

 watch: {
    keyWords(val) {
      this.$refs.tree.filter(val);
    }
  },
methods:{
  filterNode(value, data) {
      if (!value) return true;
      return data.name.indexOf(value) !== -1;
    },
}