antd vue 嵌套表格之实现每次展开一行


在项目中遇到一个需求,就是使用嵌套子表格时,每次只展示一行,且展开一行另一行收起,直接上代码吧,顺便记录一下

这里需要注意,我们要在外层table组件添加如图三个属性,缺一不可,咳咳,不用杠我那个<p-table>,用就完了,反正是antd的

data里声明一个接受当前展开行rowkey的数组

open里的第一个参数expanded就是点击行展开时是true,收起时是false,方法里两次数组置空缺一不可,当然好奇的可以试试哈哈哈,ok,over


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM