1.获取列表后自动展开第一行,以及列表序号的显示
需要展开哪行,就赋值 expandsId 某行id 值就行了
2.展开某行时通过接口获取子行数据,一般需求是通过父行的id,来获取他的子行数据——load属性,展开某行时,会执行该函数,通过该函数加载子项
3.子项隐藏某些列,在获取父项,子项数据时,给每条数据手动新增一个属性,用于区分父子项
4.子项删除,编辑,以及新增子项,操作差不多,都是请求接口。
重点!! 操作后,返回列表需要刷新列表,重新请求所有数据,更新数据,如果你想操作哪行后,返回列表刷新数据后,展开被操作行,之前提到过,expandsId 决定展开行,
5.超级重点!!删除最后一个子项,接口请求了,返回空,列表数据也重新请求了,但是数据还在,删除操作后,一定要更新一下子节点!!vue3.0写法,之前研究半天,是写错了,写了vue2.0写法,,一定加上 .value
state.listTable.store.states.lazyTreeNodeMap.value[state.expandsId] = []
我在每次请求列表数据时都执行了一下。
写的不好,欢迎指点
V3.0element中table表格树形结构与懒加载通过接口获取展开行数据 并实现自动展开某行以及展开行数据删除 编辑 新增 展开行某些列不显示等功能