vue中滚动条回到顶部的方法

1.常规使用方法

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

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

2.使用el-scrollbar

使用这个的时候可能横向也有滚动条

// 取消横向滚动条
/deep/.el-scrollbar__wrap {
    
    
  overflow-x: hidden;
}

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

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

3.表格回到顶部

(常用逻辑:翻页后可以回到顶部)

<el-table ref="tableRef" stripe :data="tableData">
// 滚动区域
</el-table>

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