element tree过滤

88 阅读1分钟
    <el-input
      v-model="filterText"
      :size="size"
      placeholder="输入关键字进行过滤"
    ></el-input>
    <el-tree
      v-bind="$attrs"
      v-on="$listeners"
      ref="tree"
      :data="data"
      :expand-on-click-node="false"
      :props="props"
      :node-key="nodeKey"
      :filter-node-method="filterNode"
    >
    
    watch:{
        filterText(val) {
          // console.log("filterText");
          this.$refs.tree.filter(val);
        },
    },
    methods:{
        filterNode(value, data) {
          if (!value) return true;
          return (
            data[this.props.label] && data[this.props.label].indexOf(value) !== -1
          );
        },
    }