如何阻止elementUI table分页点击后滚动条滑动
时间: 2024-02-20 22:59:58 浏览: 193
监听element-ui table滚动事件的方法
您可以尝试在分页组件上使用`@click.native.stop`来阻止点击事件的传播。这样就可以防止点击分页时页面滚动。例如:
```html
<el-pagination
@click.native.stop
:total="100"
:page-size="10">
</el-pagination>
```
另外,如果您使用的是`el-table`组件,可以尝试使用`v-loading`指令来避免在分页时滚动条滑动。例如:
```html
<el-table
v-loading="isLoading"
:data="tableData"
:height="tableHeight"
:row-key="row => row.id">
<!-- 表格列定义 -->
</el-table>
```
这里的`isLoading`是一个布尔值,用于控制是否显示加载中动画。在翻页时,您可以将`isLoading`设置为`true`,然后在数据加载完成后再将其设置为`false`,这样就可以避免滚动条滑动的问题。
阅读全文