首先,使用el-tree树组件必须指定lazy和load属性 lazy告知树组件开启懒加载模式,加上即可 load绑定的是一个函数,这个函数主要是用来在页面初始化加载的时候,用于向后端发请求获取el-tree的树结构的数据的。页面初始化加载,load绑定的函数会自动执行 注意,如果树组件开启了懒加载模式,就不用在el-tree组件标签中写:data...
首先,让我们看一个实现后的效果:当用户点击节点时,只有对应层级的数据才会加载。在前端实现上,关键在于设置el-tree组件的lazy属性,并绑定load函数。这个函数接收一个node参数,代表点击的树节点,以及一个resolve函数,用于传递后端返回的数据。在配置上,确保与后端沟通好数据传递方式。树组件懒加载依赖...
注意,如果树组件开启了懒加载模式,就不用在el-tree组件标签中写:data="data属性了,因为load绑定的函数,有两个参数,node和resolve,node是树节点,而resolve又是一个函数,相当于高阶函数(函数柯里化)了,我们只需要把后端返回的数据(单层数组结构),放在这个函数里面,这个函数会自动把数据传递到树组件里面去,同时渲染...
首先,使用el-tree树组件必须指定lazy和load属性 lazy告知树组件开启懒加载模式,加上即可 load绑定的是一个函数,这个函数主要是用来在页面初始化加载的时候,用于向后端发请求获取el-tree的树结构的数据的。页面初始化加载,load绑定的函数会自动执行 注意,如果树组件开启了懒加载模式,就不用在el-tree组件标签中写:data...