最近做項目的時候有個需求--需要給表格增加數(shù)據(jù)恨闪，然后數(shù)據(jù)多的情況下表格會出現(xiàn)滾動條倘感，需要默認定位到表格的底部。
效果圖：
image.png
一般的js的做法是：
let table = document.getElementById('id名字');
table.scrollTop = table.scrollHeight;
因為用到了elementUi框架咙咽，不容易獲取到表格里面的某個元素的id老玛，所以上面方法不是很適用，查相關(guān)資料發(fā)現(xiàn)钧敞，el-table里有個
bodyWrapper 它指向的是el-table的表格內(nèi)容部分蜡豹，存在 scrollTop，scrollHeight 屬性溉苛，所以可以用下面方法來實現(xiàn)滾動條在底部的效果（備注： 需給對應(yīng)的el-table 設(shè)置ref 屬性镜廉，，本案例中ref 設(shè)置為editTable）
this.$nextTick(() => {
this.$refs.editTable.bodyWrapper.scrollTop = this.$refs.editTable.bodyWrapper.scrollHeight;
})
this.$nextTick() 是為了讓表格加載完再執(zhí)行愚战，不加上可能會看不到效果噢娇唯！
另外齐遵，如果要在不同屏幕下表格高度需要適應(yīng)屏幕的話，需要用到 window.onresize 函數(shù)
window.onresize = () => {
this.caseListHeight = window.innerHeight - 405;
}
