珠海网站建设哪家公司好,qq邮箱 wordpress,如何做影视网站,网站每个页面关键词都一样目录 一、出现场景二、具体使用三、修改时重新加载树节点四、新增、删除重新加载树节点 一、出现场景
在项目的开发过程中#xff0c;我们经常会使用到表格树的格式#xff0c;但是犹豫数据较多#xff0c;使用分页又不符合项目需求时#xff0c;就需要对树进行懒加载的操… 目录 一、出现场景二、具体使用三、修改时重新加载树节点四、新增、删除重新加载树节点 一、出现场景
在项目的开发过程中我们经常会使用到表格树的格式但是犹豫数据较多使用分页又不符合项目需求时就需要对树进行懒加载的操作。
二、具体使用
template
divel-table:datatableData1stylewidth: 100%row-keyidborderlazy:loadload:tree-props{children: children, hasChildren: hasChildren}el-table-columnpropdatelabel日期width180/el-table-columnel-table-columnpropnamelabel姓名width180/el-table-columnel-table-columnpropaddresslabel地址/el-table-column/el-table
/div
/template
scriptexport 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);四、新增、删除重新加载树节点
在新增和修改的时候重新加载树节点我这里提供的是重新加载整个树节点如何修改缓存还没有很好的方法网上查询了一些例子也没有实现哪位大佬有好的解决方案一块分享一下的万分感谢
