---

一、出現場景

在項目的開發過程中，我們經常會使用到表格樹的格式，但是猶豫數據較多，使用分頁又不符合項目需求時，就需要對樹進行懶加載的操作。

二、具體使用

<template>
<div><el-table:data="tableData1"style="width: 100%"row-key="id"borderlazy:load="load":tree-props="{children: 'children', hasChildren: 'hasChildren'}"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table>
</div>
</template>
<script>export default {data() {return {tableData1: [{id: 1,date: '2016-05-02',name: '王小虎',address: '上海市普陀區金沙江路 1518 弄'}, {id: 2,date: '2016-05-04',name: '王小虎',address: '上海市普陀區金沙江路 1517 弄'}, {id: 3,date: '2016-05-01',name: '王小虎',address: '上海市普陀區金沙江路 1519 弄',hasChildren: true}, {id: 4,date: '2016-05-03',name: '王小虎',address: '上海市普陀區金沙江路 1516 弄'}]}},methods: {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)}},}
</script>

三、修改時重新加載樹節點

this.currentRow：在修改時選中的數據
this.form：修改之后的數據

Object.assign(this.currentRow, this.form);

四、新增、刪除重新加載樹節點

在新增和修改的時候重新加載樹節點，我這里提供的是重新加載整個樹節點，如何修改緩存還沒有很好的方法，網上查詢了一些例子也沒有實現，哪位大佬有好的解決方案一塊分享一下的，萬分感謝！！！