• 微信号
  • 微信号
您当前的位置:首页 > 学海无涯 > 茑语花香>element UI 中table表格循环滚动方法

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

标签: