iview：table 组件翻页滚动条置顶
作者:
岚平果 | 来源:发表于
2021-09-03 02:34 被阅读0次
一、效果一: table 点击翻页 滚动条回到顶部
changePage(page) {
// 翻页 滚动到顶部
setTimeout(() => {
//这里要延迟下滚动
document.getElementsByClassName('ivu-table-body')[0].scroll(0, 0)
}, 400)
this.page = page
this.getList()
}
效果二: 监听table 组件的滚动事件
mounted() {
document.getElementsByClassName('ivu-table-body')[0].addEventListener('scroll', (event) => {
// console.log(event.target.scrollTop);
console.log(event);
this.tableScroll = event.target.scrollTop;
});
}
本文标题：iview：table 组件翻页滚动条置顶
本文链接：https://www.haomeiwen.com/subject/dwyhwltx.html
网友评论