AI代码助手复制代码 loadNode(node, resolve) { let that =this;if(node.level ===0) { that.getFatherData(resolve);//获取顶级节点数据}if(node.level >=1) {this.getChildrenData(node.data.id, resolve);//异步获取子节点数据returnresolve([]);// 防止在该节点没有子节点时一直转圈} }, AI代码助...
可以在第一次懒加载数据的时候,把 loadNode 的 2 个参数保存下来,然后添加节点的时候,重新调用一下这个方法就可以了 不推荐,由于loadNode只会针对某个节点加载一次,后续再点击你点过的这个节点的小箭头不会再次触发loadNode,这容易让缓存的两个数据this.node和this.resolve与当前点击节点不匹配(比如你点击了未懒加...
// 第一步:根据删除按钮获得对应id,然后根据id递归更改对应树节点状态字段 // 第二步:把表格中的数据删除即可 removeRow(row) { // console.log("行数据", row.id); // 获取tree的所有的node节点数组(DOM节点),这里是两个数组,对应的就是西游记和三国演义的最外层的数组() let allNodesDom = this.$ref...
loadNode(node, resolve) { console.log('node节点数据记录了很多信息',node); console.log('resolve高阶函数给树组件赋值',node); //如果展开第一级节点,从后台加载一级节点列表(固定的) if (node.level == 0) { this.loadfirstnode(resolve); } //如果展开其他级节点,动态从后台加载下一级节点列表(可...
在`el-tree`组件中,我们通过`load`属性将`loadNode`方法绑定到`el-tree`组件上。当需要加载子节点数据时,`el-tree`组件会自动调用`loadNode`方法。在`loadNode`方法中,我们可以进行异步操作,比如从服务器获取子节点数据,然后调用`resolve`函数,传入子节点数据。`resolve`函数的参数将作为子节点的数据传入`el-...
1//懒加载获取树形结构2loadNode(node, resolve) {3console.log(node, resolve);4if(node.level == 0) {//node其实是需要展开树节点,但是第一次的node是个无用的数据,可以认为这个node是element给我们创建的,判断的话,就是level等于05this.getTreeData(0, resolve);6}else{7this.getTreeData(node, resol...
:load="loadNode" node-key="label" highlight-current @node-click="handleNodeClick"> <!-- template 标签内的内容是节点前面的自定义图标, 如果不需要自定义图标,整个 template 标签直接全部删掉即可 --> <template #default="{ node }">
},methods: {//初始加载最外层节点loadNode(node, resolve) {// 点击节点加载相应节点的数据if(node.level==0) {this.loadfirstnode(resolve); }//如果展开其他级节点,动态从后台加载下一级节点列表if(node.level>=1) {this.loadchildnode(node, resolve); ...
loadNode(node, resolve) {console.log('node节点数据记录了很多信息',node);console.log('resolve高阶函数给树组件赋值',node);//如果展开第一级节点,从后台加载一级节点列表(固定的)if(node.level==0) {this.loadfirstnode(resolve); }//如果展开其他级节点,动态从后台加载下一级节点列表(可变的)if(node...
{// 加载 树数据、loadNode()方法、此函数函数接收两个参数,一个是node,即当前节点,一个是resolve作为数据处理函数loadNode(node,resolve){if(node.level===0){returnthis.getList(resolve)}if(node.level>=1){returnthis.getChildList(node,resolve)}},//获取树结构 父集数据asyncgetList(resolve){const{...