欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUI table 实现表格展示行只展示一行

程序员文章站 2022-06-07 20:22:16
...

elementUI table 实现表格展示行只展示一行

表格加入

:row-key='getRowKeys'
:expand-row-keys="expands"
@expand-change="expandSelect"

data加入

data:{
   expands: [],
},

methods加入

getRowKeys(row) {
	return row.id
},
expandSelect(row, expandedRows) {
     var that = this
     if (expandedRows.length) {
	     that.expands = []
	     if (row) {
	       that.expands.push(row.id)
	     }
     } else {
      	that.expands = []
     }
},

elementUI table 实现表格展示行只展示一行
借鉴博客:https://blog.csdn.net/katy_1/article/details/85113191

相关标签: vue