vue、elementUI使用时遇到的弹窗中表格滚动条问题

修改表格中滚动条位置

今天遇到需求提到了一个bug:在一个查看详情的弹窗中，只有一个数据表格，当我滑动表格的滚动条到一定位置后，我关闭了这个弹窗，点击另一条数据的这个详情弹窗，表格的滚动条还在刚才我滚动到的位置，这样用户体验很不好。

修改思路

我本来使用了vue中的自定义指令，希望可以找到当前这个元素，然后设置它的srcollLeft为0就好了，但是测试了在这个元素的不同阶段触发这个事件，结果都不尽人意，最后查阅资料发现可以直接使用ref来设置。

解决方法

<el-dialog close="closeCallback"><el-table ref="elTable">...</el-table></el-dialog>


closeCallback(){
	this.$refs.elTable.bodyWrapper.offserLeft=0;
}

工作中的小总结，希望可以帮助到你！
参考链接：设置表格滚动条到顶部