element UI 中table表格循环滚动方法
孤峰
孤峰家
2023-08-08
176人阅读
<el-table :data="tableList" height="300" ref="table"></el-table>
循环方法如下:
mounted() {// 拿到表格挂载后的真实DOMconst table = this.$refs.table// 拿到表格中承载数据的div元素const divData = table.bodyWrapper// 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素)setInterval(() => {// 元素自增距离顶部1像素divData.scrollTop += 1// 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {// 重置table距离顶部距离divData.scrollTop = 0}}, 100)
}
至此实现列表滚动,测试有效!
很赞哦! ()
转载:感谢您阅览,转载请注明文章出处“来源从小爱孤峰知识网:一个分享知识和生活随笔记录的知识小站”。
链接:element UI 中table表格循环滚动方法http://www.gufeng7.com/niaolang/1821.html
联系:如果侵犯了你的权益请来信告知我们删除。邮箱:119882116@qq.com
下一篇: vue2学习笔记vue2记录