<el-table
ref="table"
:data="tableData"
style="width: 100%"
height="220px"
@cell-mouse-enter="mouseEnter"
@cell-mouse-leave="mouseLeave"
>
<el-table-column prop="detectionSiteName" label="监测站点" />
<el-table-column prop="detectionProject" label="监测项目" />
<el-table-column prop="concentrationValue" label="浓度值" />
<el-table-column prop="alarmTime" width="150" label="报警时间" />
</el-table>
// 鼠标移入
mouseEnter() {
clearInterval(this.timer)
this.timer = null
},
//鼠标移出
mouseLeave() {
this.handScroll()
},
// 表格滚动
handScroll() {
const table = this.$refs.table
const divData = table.bodyWrapper
this.timer = setInterval(() => {
divData.scrollTop += 1
if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
divData.scrollTop = 0
}
}, 60)
},