生成一个vue el-table 取消全选事件的代码
时间: 2023-10-07 17:07:53 浏览: 48
可以使用以下代码取消vue el-table的全选事件:
```
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'Jack', age: 30, address: 'New York' },
{ name: 'Rose', age: 24, address: 'Paris' },
{ name: 'Tom', age: 26, address: 'London' },
{ name: 'John', age: 35, address: 'Chicago' }
]
};
},
mounted() {
// 取消全选事件
const selectAllEl = this.$el.querySelector('.el-table__header .checkbox');
selectAllEl && selectAllEl.removeEventListener('click', this.toggleAllSelection);
}
};
</script>
```