el-ement Plus 表格自动上下滚动

<template>

        <el-table ref="tableRef" :data="tableData" style="width: 100%"> </el-table>

</template>

 

const tableRef = ref<HTMLElement | any>(null) //表格实例

 onMounted(() => {

      // 表格滚动

      scrollTable(tableRef3.value.$refs.bodyWrapper)

    })

// 表格滚动

    const scrollTable = (tableBody: any) => {

        let isScroll = true //滚动

        const tableDom = tableBody.getElementsByClassName('el-scrollbar__wrap')[0]

             //鼠标放上去，停止滚动；移开，继续滚动

        tableDom.addEventListener('mouseover', () => {

          isScroll = false

        })

        tableDom.addEventListener('mouseout', () => {

          isScroll = true

        })

        setInterval(() => {

          if (isScroll) {

            tableDom.scrollTop += 1 //设置滚动速度

            if (tableDom.clientHeight + tableDom.scrollTop == tableDom.scrollHeight) {

              tableDom.scrollTop = 0

            }

          }

        }, 150)

      }

return {

      tableRef

    }