官方文档链接:https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/instance-methods
如官方文档描述,先给table添加个 ref 属性
<template>
<ve-table
ref="tableRef"
:fixed-header="true"
max-height="calc(100vh)"
/>
</template>
Vue 2.x实例对象里:
const vueInstance = {
data() {
return {}
},
methods: {
scrollToBottom() {
console.log('scrollToBottom');
const tableElement = this.$refs.tableRef;
tableElement.scrollTo({
top: tableElement.tableHeight,
behavior: 'smooth',
});
},
}
}
后面Vue对象内部调用 scrollToBottom
方法即可滑动到表格最底部。
什么 document.body.scrollHeight
都是不适用的,无法获取到表格全部内容的正确高度。