vue原生table tr行数据滚动

html代码：在tbody加id，标识滚动范围

<div id="n1">
							<table class='table table-responsive table-striped'>
								<thead>
									<tr :style="{height:lineH+'px'}">
										<th :style="[{lineHeight:lineH+'px'},{padding:0}]">序号</th>
										<th :style="[{lineHeight:lineH+'px'},{padding:0}]">机构</th>
										<th :style="[{lineHeight:lineH+'px'},{padding:0}]">交易金额</th>
										<th :style="[{lineHeight:lineH+'px'},{padding:0}]">交易笔数</th>
										<th :style="[{lineHeight:lineH+'px'},{padding:0}]">笔均</th>
									</tr>

								</thead>
								<tbody id="n1_table"> 
									<tr :style="{height:lineH+'px'}"
											v-for="(item, index) in items">
										
											<td :style="[{lineHeight:lineH+'px'},{padding:0}]">{{index+1}}</td>
											<td :style="[{lineHeight:lineH+'px'},{padding:0}]">{{item.a1}}</td>
											<td :style="[{lineHeight:lineH+'px'},{padding:0}]">{{item.a2|wanqianfen}}</td>
											<td :style="[{lineHeight:lineH+'px'},{padding:0}]">{{item.a3|qianfen}}</td>
											<td :style="[{lineHeight:lineH+'px'},{padding:0}]">{{(item.a2/item.a3).toFixed(2)}}元/笔</td>
										
									</tr>
								</tbody>
							</table>
						</div>

function change(table){
		var row = table.insertRow(table.rows.length);//在table的最后增加一行,table.rows.length是表格的总行数
		for(j=0;j<table.rows[0].cells.length;j++){//循环第一行的所有单元格的数据，让其加到最后新加的一行数据中（注意下标是从0开始的）
		var cell = row.insertCell(j);//给新插入的行中添加单元格
		cell.height = "35px";//一个单元格的高度，跟css样式中的line-height高度一样
		cell.innerHTML = table.rows[0].cells[j].innerHTML;//设置新单元格的内容，这个根据需要，自己设置
		}
		table.deleteRow(0);//删除table的第一行
	};

function tableInterval(n){
		var table = document.getElementById("n"+n+"_table");//获得表格
		change(table);//执行表格change函数，删除第一行，最后增加一行，类似行滚动
	};

vue对象mounted中调用：

//每隔2秒执行一次change函数，相当于table在向上滚动一样
setInterval("tableInterval(1)",2000);//n1 table

另附data:

el : "#n1",
data : {
	items : [],
	lineH : 35
}...