Vue实现数据滚蛋步骤

1. 在组件上加 <common-box :class="{anim:anmite==true}"></common-box>


    2. 设置初始值为 false  
       anmite: false, (原数组为 dataContents:[{},{}...]) 数据，
    3. 在methods中写函数为：
    methods: {
//实现滚动
scroll() {
  
  this.anmite = true;
  setTimeout(() => {
    this.dataContents.unshift({
      data: "20210203",
      time: "10:10:10",
      No: "1212",
      qd: "634156345"
    });
    // this.dataContents.shift();
    this.anmite = false;
  }, 500);
}

},

1. 

在created中调用，使用间隔计时器

created() {
setInterval(this.scroll, 5000);
}