vue+element-ui框架在push数据时使滚动条始终置于底部

在使用el-table填充数据时，如果数据过长，则table右侧会自动出现滚动条，但是这个时候的滚动条始终处于顶部，并不会随着数据的增加向下滑动，如下图：

那么如何实现在不断增加数据时，让滚动条也同时置于底部呢，其实很简单，就是在你向table中push数据时，在每次push之后：

this.PDUTransportData.push({
    requestPDU: UDSMessageResult.getViewinfo()
});
// 数组在push数据时，让滚动条置于底部
this.$nextTick(() => {
    this.$refs.PDUTransportData.bodyWrapper.scrollTop = this.$refs.PDUTransportData.bodyWrapper.scrollHeight;
});

通过ref拿到当前的table后，修改bodyWrapper的相关属性即可。