Vue3 组合函数 element-plus table数据滚动播放

Vue 滚动播放组合函数

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

import { onMounted, onUnmounted } from "vue";   export function createScroll(tableRef) {   let timer = null;   function startScroll() {     const table = tableRef.value.layout.table.refs;     const tableWrapper = table.bodyWrapper.firstElementChild.firstElementChild;     timer = setInterval(() => {       tableWrapper.scrollTop += 1;       if (         tableWrapper.clientHeight + tableWrapper.scrollTop >=         tableWrapper.scrollHeight       ) {         tableWrapper.scrollTop = 0;       }     }, 50);   }   function clearScroll() {     clearInterval(timer);   }   onMounted(() => {     startScroll();   });   onUnmounted(() => {     clearScroll();   });   return {     startScroll,     clearScroll,   }; }