el-table中@select-change只在页面加载时触发?
时间: 2023-07-25 20:31:22 浏览: 89
不是的,`@select-change` 事件只有在用户选择表格中的行时才会触发,而不是仅在页面加载时触发。
`@select-change` 事件是 `element-ui` 中 `<el-table>` 组件的事件之一,用于监听用户在表格中选择或取消选择行的操作。当用户选择或取消选择表格中的行时,该事件会被触发,同时会传递一个参数 `selection`,即当前选中的行数组。
以下是一个 `@select-change` 的示例代码:
```html
<template>
<el-table :data="tableData" @select-change="handleSelectionChange">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'Tom', age: 25 },
{ name: 'Jack', age: 30 },
{ name: 'Lucy', age: 28 }
]
};
},
methods: {
handleSelectionChange(selection) {
console.log('选中的行:', selection);
}
}
};
</script>
```
在上面的代码中,当用户选择或取消选择表格中的行时,`handleSelectionChange` 方法会被触发,同时会打印出当前选中的行数组。可以在控制台中查看触发情况。