Vue-cli项目中用js实现表格滚动(超简单)

问题描述：在table中每次滚动一行数据，循环滚动。

1. 首先写一个table

<table >
       <tr>
             <td> 编号</td>
             <td>时间段</td>
             <td>人数</td>
         </tr>
         <tr v-for="temp in tabledata" :key="temp.index">   //datatable是一个list
             <td>{{temp.order}}</td>
             <td>{{temp.time}}</td>
             <td>{{temp.number}}</td>
         </tr>
   </table>

2. js代码

 methods: {
      scrollTable(){
           var tmp = this.tabledata.shift();//删掉第一行数据并返回
            this.tabledata.push(tmp);//将第一行数据存到末尾
      }

  }

3. 在mounted里面调用

 mounted(){
     setInterval(this.scrollTable, 2000);
 },