el-tree的数据是用内部实现的一个node-store存储的,没有直接对外提供过滤后的数据,但是可以通过refs拿到带visible属性的所有节点数据:this.$refs.tree.store.root.childNodes 通过两个递规方法,可以从这个childNodes中提取出想要的数据。如下图: 完整代码见这个DEMO。 有用1 回复 mangmangmanga: 多谢 回复2022-07-...
const node = this.$refs.tree.getNode(item)//根据id获取node if (!node.visible && node.checked) {//将选中且隐藏的节点设置为 不选中 this.$refs.tree.setChecked(item, false) } }) } }, //获取叶子节点的数据 getLeafNodes(tree) { const arr = [] tree.length && tree.forEach((item) =>...
<el-tree:data="data"ref="menuPc"node-key="id"empty-text="无数据":props="defaultProps":filter-node-method="filterNode"></el-tree> export default{name:"rolePower.vue",components:{},props:{},data(){return{data:[{id:1,label:'一级 1',children:[{id:4,label:'二级 1-1',children:[...
调用后台接口获取所有的树形结构数据,渲染页面(当数据返回过多时页面反应会很慢) 解决方法:后台接口调整,点击当前节点后才展示下一级的数据,后台返回数据为列表数组 此时 <el-tree:data="data"show-checkbox@check-change="handleCheckChange"node-key="catalogId"@node-click="handleNodeClick":props="defaultProps"...
// 调用tree过滤方法 中文英过滤filterNodeTree (value, data, node) {if (!value) { //如果数据为空,则返回true,显示所有的数据项 node.expanded = false return true} // 查询列表是否有匹配数据,将值小写,匹配英文数据 let val =value.toLowerCase() ...
value) }, methods: { treeLoad() {}, // 初始化 回显状态和数据 _initData(n) { this.$refs.selectTree.setCurrentKey(null) this.$refs.selectTree.setCheckedKeys([]) this._setTreeStatus(n) const selectData = [] // 获取选中的节点数据 this._getSelectData(this.dic, selectData) this._...
el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> export default { data() { return { data: [{ label: '一级 1', children: [{ label: '二级 1-1', children: [{ label: '三级 1-1-1' }] }] ...
因为你的树设置了懒加载,子节点不展开是不会加载数据的,这时候搜索肯定搜索不到,所以第一种方法就是去掉懒加载,直接加载全部数据。 第二种办法就是自己做个搜索,但还是需要全部数据,从全部数据中过滤你需要的数据,用过滤后的数据重新生成一棵树 有用 回复 一路梦香: 现在自己做了搜索,不过是搜索到相关数据,...
4 el-tree :props="props" :highlight-current="true" lazy :load="loadNode" :expand-on-click-node="false" ref="tree"></el-tree> 5 props: { label: "orgName", isLeaf: "leafed" },6 loadNode(node, resolve) { // 加载子树数据的方法 if (node...
treeData: [], loading: false, }; }, created() { this.initTreeData(); }, methods: { //初始化数据 initTreeData({ d } = {}) { this.$global.获取整棵树的数据({ cb: (d) => { this.treeData = d;