Element+vud.js 树形数据与懒加载

Salted-fish 2020-08-04 05:34:38
用的是element的table控件,table里面展示多级树.
示例:
<el-table
:data="tableData1"
style="width: 100%"
row-key="id"
border
lazy
:load="load"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
lazy属性,定义数据为懒加载模式.点击未加载的节点,触发load.请求后台数据.加载这个树节点的下层数据.



需求:有多级树,需要个1键展开功能,直接展开当前层所有未展开的节点.
难点:系统自带的
load(tree, treeNode, resolve) {
setTimeout(() => {
resolve([
{
id: 31,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}
])
}, 1000)
}
有树和节点.但是如果1键展开,系统返回的多个数据怎么挂载到相应的树节点下面.
...全文
6671 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Salted-fish 2020-08-07
  • 打赏
  • 举报
回复
自顶................................
baiy20151018b 2020-08-06
  • 打赏
  • 举报
回复
点击1键按钮,先展开根节点,待根节点数据加载完成,再控制二级子节点按钮自动点击,点击的时候将其父节点数据作为参数传入,然后将返回的数据挂载到已经传入的参数的子节点属性上。依次类推。
Salted-fish 2020-08-06
  • 打赏
  • 举报
回复
引用 1 楼 baiy20151018b 的回复:
点击1键按钮,先展开根节点,待根节点数据加载完成,再控制二级子节点按钮自动点击,点击的时候将其父节点数据作为参数传入,然后将返回的数据挂载到已经传入的参数的子节点属性上。依次类推。
如何自动点击有子节点的节点?

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧