以上均不生效
时间: 2023-06-22 08:20:01 浏览: 81
如果以上方法都无效,您可以尝试使用以下方法解决这个问题:
1. 在`el-pagination`上添加`@mousedown.prevent`事件,这样就可以阻止分页的默认行为。
```html
<el-pagination
@mousedown.prevent
:total="100"
:page-size="10">
</el-pagination>
```
2. 在`el-table`上添加一个`ref`属性,然后在分页组件上添加一个`@click`事件,手动将滚动条滚动到表格顶部。
```html
<el-table
ref="table"
:data="tableData"
:height="tableHeight"
:row-key="row => row.id">
<!-- 表格列定义 -->
</el-table>
<el-pagination
@click="scrollToTop"
:total="100"
:page-size="10">
</el-pagination>
```
```javascript
methods: {
scrollToTop() {
const table = this.$refs.table
if (table) {
table.$el.querySelector('.el-table__body-wrapper').scrollTop = 0
}
}
}
```
这里通过`$refs`获取到`el-table`组件的实例,然后手动将滚动条滚动到顶部。需要注意的是,如果此时表格数据还未加载完成,可能会出现无法滚动到顶部的情况,需要在数据加载完成后再调用`scrollToTop`方法。
阅读全文