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 = []
}
},
推荐阅读
-
element ui table(表格)实现点击一行展开功能
-
javascript实现一行文字随不同设备自适应改变字体大小至完全展示
-
MySQL+Service+Servlet+Jsp实现Table表格分页展示数据
-
elementUI table表格点击某一行选中并且改变背景色
-
elementUI table 实现表格展示行只展示一行
-
element ui table(表格)实现点击一行展开功能
-
echarts中的饼状图与vue中的table表格两者结合,实现数据的展示
-
php一行展示多个商品怎么实现
-
MySQL+Service+Servlet+Jsp实现Table表格分页展示数据
-
php一行展示多个商品怎么实现