1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > V3.0element中table表格树形结构与懒加载通过接口获取展开行数据 并实现自动展开某行

V3.0element中table表格树形结构与懒加载通过接口获取展开行数据 并实现自动展开某行

时间:2021-04-29 21:07:51

相关推荐

V3.0element中table表格树形结构与懒加载通过接口获取展开行数据 并实现自动展开某行

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表格树形结构与懒加载通过接口获取展开行数据 并实现自动展开某行以及展开行数据删除 编辑 新增 展开行某些列不显示等功能

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。