因为用到了elementUi框架,不容易获取到表格里面的某个元素的id,所以上面方法不是很适用,查相关资料发现,el-table里有个
bodyWrapper 它指向的是el-table的表格内容部分,存在 scrollTop,scrollHeight 属性,所以可以用下面方法来实现滚动条在底部的效果(备注: 需给对应的el-table 设置ref 属性,,本案例中ref 设置为editTable)
watch: {
//DrugList 是整个表格的数据源,当添加一条数据的时候,监听DrugList 的改变
DrugList () {
this.$nextTick(() => {
this.$refs.editTable.bodyWrapper.scrollTop = this.$refs.editTable.bodyWrapper.scrollHeight;
})
}
}