element里面的el-table设置折叠属性时是可以同时展开多项的，以下是设置只展开一项，随便引用element里面的例子，然后分别在el-table、data、methods分别添加参数和方法

el-table部分

<el-table:data="tableData":row-key='getRowKeys':expand-row-keys="expands"@expand-change="expandChange"style="width: 100%">

data部分

// 一行存储的唯一标识
data() {return {expands:[],getRowKeys(row){return row.id},}
}

methods部分

methods:{// 列表展开expandChange(row,expandedRows){let that=this//只展开一行if (expandedRows.length) {//说明展开了that.expands = []if (row) {that.expands.push(row.id)//只展开当前行id，唯一标识}} else {//说明收起了that.expands = []}},}

el-table折叠时设置只展开一项相关推荐

vue折叠面板如何默认展开第一项
折叠面板折叠面板官网: 项目展示: 代码展示: 默认展开第一个默认展开第二个默认全部展开默认全部折叠这里的title名字是自己定义的.绑定的值为name的值.由于这是一个循环嵌套的面板,故而 ...
win10系统任务栏设置不展开只显示缩略图合并任务栏始终合并按钮的方法
描述:win10系统任务栏设置不展开只显示缩略图合并任务栏始终合并按钮的方法步骤: 在win10系统状态栏空白处右键,选择任务栏设置合并任务栏选项->始终合并按钮
Ant Design Vue子表格展开只展开一行，其他行折叠
背景因为我的子列表数据都是用的一个变量,所以需要折叠其他的,要不然多个表格展开后,数据渲染都是一样的下列列表是只可以展开一列的: 第一步: 直接抄我箭头指的那三行即可 :row-key=" ...
php怎么给table添加背景,怎样对table和td设置背景实现表格边框
很多朋友都很苦恼表格样式怎么设置,今天就给大家详细讲解一下css表格样式怎么设置,之前说过三种方法,只对table设置边框,对td设置边框,对table和td技巧性设置表格边框现在给大家带来怎样对ta ...
babel6 babel7_当您已经准备好Babel时设置Flow
babel6 babel7 by Jamie Kyle 杰米·凯尔(Jamie Kyle) 当您已经准备好Babel时设置Flow (Setting up Flow when you've alrea ...
CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
CSS中"overflow:scroll"默认是左右,上下都滚动.怎么设置只上下滚动而不左右滚动,下面有个不错的解决方法 CSS中"overflow:scroll&quo ...
开机时设置linux 内核参数 mem,Linux内核开机保留大块内存的方法总结
在网上搜了很久,才慢慢了解在开机保留内存的方法,现在总结一下这阶段的学习过程!(我是在ARM板子上进行的实验,内核版本是2.6.38) 在开机保留内存的方式一共有三种方法: 1. reserve_bo ...
实现免密登录，设置只允许student1， student2用户登录，get和post的区别，HTTP状态码，HTTP请求报文和响应报文，HTTP是如何保持连接状态的
1.实现免密登录 1创建密钥 [root@192 /]# su gzw [gzw@192 /]$ cd /home/gzw/.ssh [gzw@192 .ssh]$ ssh-keygen -t rsa ...
oracle启用amm,使用ASMM和AMM时设置shared_pool
使用ASMM和AMM时设置shared_pool 从10g中引入了asmm后,相比以前的手动调整各种内存组件,在自动管理方面前进了一大步.DBA只需要定义sga_target和sga_max_targ ...

el-table折叠时设置只展开一项

element里面的el-table设置折叠属性时是可以同时展开多项的，以下是设置只展开一项，随便引用element里面的例子，然后分别在el-table、data、methods分别添加参数和方法

el-table部分

data部分

methods部分

el-table折叠时设置只展开一项相关推荐

最新文章

热门文章