vue 滚动条回到顶部的方法

常规方法

<div ref="myScroll">
// 滚动区域
</div>

// 回到顶部
this.$refs.myScroll.scrollTop= 0;

使用el-scrollbar

<el-scrollbar class="mian-content" ref="myScrollbar">
// 滚动区域
</el-scrollbar>

// 回到顶部
this.$refs.myScrollbar.wrap.scrollTop= 0;

在el-table中,翻页后滚动条回到顶部

<el-table ref="myTable" stripe :data="tableData">
    <el-table-column align="center" label="人员ID" prop="sysNo"></el-table-column>
    // ...
</el-table>

// 回到顶部
this.$refs.MyTable.bodyWrapper.scrollTop =0;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容