三个事件
- :row-key=“getRowKeys”
行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的。类型为
String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。
- :expand-row-keys=“expands”
可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。
- @expand-change=“expandSelect”
当用户对某一行展开或者关闭的时候会触发该事件(展开行时,回调的第二个参数为 expandedRows;树形表格时第二参数为
expanded)
HTML
<el-table
ref="multipleTable"
:row-key="getRowKeys"
:expand-row-keys="expands"
@expand-change="expandSelect">
</el-table>
data () {
return {
getRowKeys(row) { return row.id },
expands: []
}
},
methods: {
expandSelect(row, expandedRows) {
this.expands = []
if (expandedRows.length > 0) {
row ? this.expands.push(row.id) : ''
}
}
}