vue + vue-loop-scroll表格点击，弹出详情滚动不暂停

vue-loop-scroll支持waitTime和waitMode，但是呢，希望点击表格查看详情是表格可以暂停

waitMode的话，有俩值：item,滚动过每一项暂停；page，滚动过每一页暂停；

尝试：点击详情，根据详情状态判断等待时间

页面确实可以暂停，但是当关闭详情时，须要等待整个数据按999999滚动完后方可按照10去滚动

<template>
<LoopScroll:dataSource="checkGridData":waitTime="changeWaitTime"itemKey="id":pausedOnHover="true"
>
<template #default="{ item }"><li><div>{{ item.idx}}</div><div>{{ item.number}}</div></li></template>
</LoopScroll>
</template><script setup lang="ts">
import { LoopScroll } from "@joyday/vue-loop-scroll";
let visible = ref(false) //详情状态
const changeWaitTime = ()=>{
let waitTime = 10if(visible.value){waitTime= 999999}else{waitTime= 10}return waitTime;
}
</script>

尝试二：添加key，点击详情，页面滚动等待时长设置为999999，关闭详情时修改key值，页面会按照10去滚动，但是因为是刷新，所以数据会从第一个重新滚动

<LoopScroll:dataSource="recordsData":waitTime="waitTime"itemKey="id":pausedOnHover="true":key="key">js部分：
// 查看详情
const visible: any = ref(false);
function onDetail() {visible.value = true;changeWaitTime()
}
// 关闭详情
function closeDetailDrawer() {visible.value = false;key.value = key.value + 1changeWaitTime()
}
let key = ref(0)
let waitTime = ref(10)
const changeWaitTime = ()=>{if(visible.value){waitTime.value = 999999}else{waitTime.value = 10}
}