#vue使用el-table,实现动态数据表、并滚动展示
###tableLabel表头数据,支持条数、宽度设置
###tableData存放所有数据,
###showList存放用于展示的数据,
###使用setInterval定时更新showList(删除第一条,末尾添加一条)
###并通过vue computed实时更新渲染数据,实现滚动效果
###style 取消滚动条
#代码如下:
<template>
<div class="tbDynam">
<el-table
:data="updtList"
height="400px"
max-height="400px"
size="small"
row-class-name="row"
cell-class-name="column"
:highlight-current-row="true"
>
<el-table-column
v-for="(item, index) in tableLabel"
:key="index"
:prop="item.prop"
:width="item.width"
:label="item.label">
</el-table-column>
</el-table>
</div>
</template>
<script>
expor