el-tree 前端过滤，懒加载,动态控制展开
1.默认不展开，动态展开。
ref="tree" :key="treeKey" :data="treeData" node-key="id" :filter-node-method="filterNode" ref="dimTree" :props="treeDataDefaultProp" icon-class="el-icon-arrow-right" @node-click="handleClick" :load="loadNode" lazy :default-expand-all="isExpand" > data(){ return { filterText: '', } } watch: { // 树节点的过滤 filterText(val) { this.keyword = val this.getTreeData() if (val) { // 动态展开 this.isExpand = true; // 重置使之重新加载 this.treeKey = +new Date(); } // 回调更新后的数据，再渲染 this.$nextTick(() => { this.$refs.tree.filter(val); } } methods：{ filterNode(value, data) { if (!value) return true; const node = data.lable.toLowerCase(); return node.indexOf(value.toLowerCase()) !== -1; }, handleClick(data, node) { } }
下一篇： 幼儿园安全教育家长会园长发言稿