素材巴巴 > 程序开发 >

antd vue 表格的自动展开行

程序开发 2023-09-25 12:00:58

业务需求是加了二级目录后自动展开该项,

在这里插入图片描述

开始使用的是 table的 defaultExpandedRowKeys这个属性,然后发现问题,这个属性只是在第一次渲染的时候有效,后面动态增加目录是不起作用,研究后转用 expandedRowKeys这个属性

data() {return {expandedRowKeys: [],}},methods: {onExpand(bool, row) {if (bool) {this.expandedRowKeys = [...this.expandedRowKeys, row.id]} else {const index = this.expandedRowKeys.findIndex((e) => e === row.id)const newArray = [...this.expandedRowKeys]newArray.splice(index, 1)this.expandedRowKeys = newArray}},
 }
 

标签:

上一篇: ngxs store 基础知识脑图 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。