element-ui table中的selection事件如何使用
时间: 2023-04-04 17:01:55 浏览: 142
element-ui中select组件绑定值改变,触发change事件方法
您好,关于element-ui table中的selection事件,您可以在table组件中添加@selection-change事件,然后在methods中定义对应的方法来处理选中的数据。例如:
<template>
<el-table :data="tableData" @selection-change="handleSelectionChange">
<el-table-column type="selection"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
],
selectedData: []
}
},
methods: {
handleSelectionChange(val) {
this.selectedData = val
console.log('选中的数据:', this.selectedData)
}
}
}
</script>
以上是一个简单的示例,当用户选中表格中的数据时,会触发handleSelectionChange方法,并将选中的数据传递给该方法。您可以在该方法中对选中的数据进行处理。
阅读全文