1、treeData中的两个children分别对应的页面渲染效果,区别是第一个children是treeData的二级属性,第二个children是treeData的三级属性。 2、当异步请求接口获取值的时候,二级属性成功赋值,三级属性赋值之后页面不显示: 二级children正常显示: 三级children没有显示: 但是此时打印this.treeData[2].children[0].children确...
在使用 el-tree-v2 组件渲染树形大数据并设置默认展开节点时,你可以按照以下步骤进行操作,并考虑一些性能优化的策略。 1. 使用 el-tree-v2 组件渲染树形大数据 首先,确保你已经正确引入了 Element Plus 库,并在你的 Vue 组件中注册了 el-tree 组件。然后,你可以通过以下方式使用 el-tree 来渲染树形数据: vue ...
第二种方法:思路是将整个treeData都复制下来,如果层级比较深可以用JSON.parse(JSON.stringify()),对新数组进行修改,再赋值给treeData。这种做法的前提是二级children已经可以获取接口的值进行渲染了,那么重新赋值treeData肯定也是没问题的,但是这个并没有找到这个问题的根本原因啊,不过这是一个骚操作,以后说不定会遇到...
--默认展开 拿到的 areaPlaceId值为字符串,:default-expanded-keys="['532822']数组中也要是字符串--><el-tree node-key="areaPlaceId":default-expanded-keys="['532822']"accordionclass="tree":data="data"highlight-current lazy:load="loadNode":props="defaultProps"@node-click="handleNodeClick"></...
2、获取数据后, getRolesTree (params) { role.getRolesTree(params).then(res => { this.rolesTree = res.data.Data; this.checkStrictly = true, //给树节点赋值之前,先设置为true this.$nextTick(() => { setTimeout(()=>{ //渲染
el-tree控件动态获取数据赋值给treeData渲染问题：render-after-e。。。问题描述： 1、treeData中的两个children分别对应的页⾯渲染效果，区别是第⼀个children是treeData的⼆级属性，第⼆个children是treeData的三级属性。 2、当异步请求接⼝获取值的时候，⼆级属性成功赋值，三级属性赋值之后页⾯不...
el-tree数据懒加载渲染 实现以上效果: 因为后台数据是不带 children嵌套数组方式的数据,所以根据 id来获取子集数据来渲染,要遵守element官方的数据格式 data: [ { id: 1,label: '芷江侗族自治县', children: [ { label: '公坪镇',children: [{ label: '公坪村' }] },...
el-tree数据懒加载渲染 el-tree数据懒加载渲染 实现以上效果：因为后台数据是不带 children嵌套数组⽅式的数据，所以根据 id来获取⼦集数据来渲染，要遵守element官⽅的数据格式data: [{ id: 1,label: '芷江侗族⾃治县',children: [{ label: '公坪镇',children: [{ label: '公坪村' }] },{ ...
将解决过程分享给大家 1.首先后端返回树级数据 2.直接套用el-tree 3.绑定创建时间，接受一个2个参数 4.给省添加市时或者添加子节点时，判断当前有无子节点，没有的话使用this.$set添加，一点要请求接口让后端返回一个唯一标识 5.完成（怎么可能？就这最后一步，虽然有数据，就是渲染不到页面上）
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' }] }] ...