element ui 用table表格示例不用添加任何语法,配上我下方的方法就没可以轻松实现表格轮播效果:
这个方法放在methods()方法里然后在mounted()中调用就可以了,注意我方法里rightData数据和绑表格的数据是一致的!
getright_table(){
var this_ = this
this.$nextTick(() => {
let div = document.getElementsByClassName("el-table__body-wrapper")[0];
div.style.height = "120px";
let t = document.getElementsByClassName("el-table__body")[0];
setInterval(() => {
if (isScroll) {
var data = this_.rightData[0];
setTimeout(() => {
this_.rightData.push(data);
t.style.transition = "all .5s";
t.style.marginTop = "-41px";
}, 500);
setTimeout(() => {
this_.rightData.splice(0, 1);
t.style.transition = "all 0s ease 0s";
t.style.marginTop = "0";
}, 1000);
}
}, 2500);
});
}