1.获取页面表格元素
let div1 = document.getElementsByClassName('el-table__body-wrapper')[0];
let t1 = document.getElementsByClassName('el-table__body')[0]
// 调用轮播方法
this.handlerRotation(div1, t1, table)
- 封装轮播函数
// 轮播函数
handlerRotation(div, t, tableData) {
let isScroll = true // 也可以定义到data里
this.$nextTick(() => {
div.addEventListener('mouseenter', () => {
isScroll = false
})
div.addEventListener('mouseleave', () => {
isScroll = true
})
setInterval(() => {
if (isScroll) {
let data = tableData[0]
setTimeout(() => {
tableData.push(data)
t.style.transition = 'all .5s'
t.style.marginTop = '-41px'
}, 1000)
setTimeout(() => {
tableData.splice(0, 1)
t.style.transition = 'all 0s ease 0s'
t.style.marginTop = '0'
}, 1000)
}
}, 2500)
})
}