默认获取el-table获取当前页的数据
时间: 2023-10-18 11:24:55 浏览: 231
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
`el-table` 组件默认只会在 `data` 数据发生变化时渲染对应的表格内容,所以如果你想要获取当前页的数据,可以直接通过 `this.tableData` 来获取,其中 `tableData` 是你传递给 `el-table` 的数据源。
例如,你可以在点击一个按钮时调用一个方法来获取当前页的数据,如下所示:
```html
<template>
<div>
<el-table :data="tableData">
<!-- 表格列定义 -->
</el-table>
<el-button @click="handleButtonClick">获取当前页的数据</el-button>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据源
]
};
},
methods: {
handleButtonClick() {
const currentPageData = this.tableData;
console.log(currentPageData); // 当前页的数据
}
}
};
</script>
```
这种方式获取当前页的数据比调用 `getCurrentRow` 方法要简单一些,但是需要注意的是,如果你使用了分页组件,那么获取到的就是当前页的数据,而不是整个表格的数据。
阅读全文