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键展开,系统返回的多个数据怎么挂载到相应的树节点下面.
...全文
6761 3 打赏 收藏 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Salted-fish 2020-08-07
  • 打赏
  • 举报
回复
自顶................................
baiy20151018b 2020-08-06
  • 打赏
  • 举报
回复
点击1键按钮,先展开根节点,待根节点数据加载完成,再控制二级子节点按钮自动点击,点击的时候将其父节点数据作为参数传入,然后将返回的数据挂载到已经传入的参数的子节点属性上。依次类推。
Salted-fish 2020-08-06
  • 打赏
  • 举报
回复
引用 1 楼 baiy20151018b 的回复:
点击1键按钮,先展开根节点,待根节点数据加载完成,再控制二级子节点按钮自动点击,点击的时候将其父节点数据作为参数传入,然后将返回的数据挂载到已经传入的参数的子节点属性上。依次类推。
如何自动点击有子节点的节点?
源码直接下载地址: https://pan.quark.cn/s/854bd57df23a 在金融行业中,房产购置贷款是众多人在购置不动产时必须进行的一项财务规划。Matlab作为一种功能强大的数学及数据分析平台,经常被应用于各类复杂的运算,其中包括住房贷款的计算。本文将详细研究运用Matlab开发住房贷款计算程序的相关知识要点,以协助读者掌握如何借助编程技术处理实际的信贷问题。 1. **信贷种类** - **商业信贷**:此类贷款通常由金融机构提供,其利率会随市场行情变化,借款人可选用固定利率或浮动利率方案。 - **公积金信贷**:该类贷款获得政府机构的支持,利率一般低于商业信贷,但设有最高贷款金额的限制。 2. **偿付模式** - **等额本金偿付**:每月支付相同数量的本金,利息部分逐月减少,因此整体还款总额会逐步降低。 - **等额本息偿付**:每月支付固定金额的本金与利息组合,利息部分随本金的逐月减少而递减。 3. **住房贷款计算公式** - **等额本息偿付**:每月还款额=贷款本金×[月利率×(1+月利率)^(贷款期数)]÷[(1+月利率)^(贷款期数)-1]。 - **等额本金偿付**:每月应还本金=贷款总额/贷款期数,每月利息=(贷款余额-累计已还本金)×月利率。 4. **Matlab编程基础** - **变量设定**:在Matlab环境中,首要任务是设定贷款数额、年化利率、贷款时长等核心参数。 - **循环控制结构**:借助for循环来模拟每个还款周期的过程,进行本金与利息的计算。 - **函数构建**:将住房贷款的计算逻辑封装为函数,便于重复使用和测试不同条件下的结果。 5. **Matlab代码编写** - **等额本息函数实现**...

87,984

社区成员

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

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