|
@@ -7,7 +7,9 @@ const emitScroll = () => {
|
|
|
const tagAndTagSpacing = ref(4)
|
|
const tagAndTagSpacing = ref(4)
|
|
|
const visitedViews = computed(() => appStore.tagViewStore.getVisitedViews())
|
|
const visitedViews = computed(() => appStore.tagViewStore.getVisitedViews())
|
|
|
const scrollContainer = ref<any>()
|
|
const scrollContainer = ref<any>()
|
|
|
-const scrollWrapper = computed(() => scrollContainer.value.$refs.wrapRef)
|
|
|
|
|
|
|
+const scrollWrapper = computed(() => {
|
|
|
|
|
+ return scrollContainer.value.wrap$
|
|
|
|
|
+})
|
|
|
function handleScroll(e: any) {
|
|
function handleScroll(e: any) {
|
|
|
const eventDelta = e.wheelDelta || -e.deltaY * 40
|
|
const eventDelta = e.wheelDelta || -e.deltaY * 40
|
|
|
const $scrollWrapper = scrollWrapper.value
|
|
const $scrollWrapper = scrollWrapper.value
|
|
@@ -65,10 +67,10 @@ function moveToTarget(currentTag: any) {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
- scrollWrapper.value.addEventListener("scroll", emitScroll, true)
|
|
|
|
|
|
|
+ scrollWrapper.value?.addEventListener("scroll", emitScroll, true)
|
|
|
})
|
|
})
|
|
|
onBeforeUnmount(() => {
|
|
onBeforeUnmount(() => {
|
|
|
- scrollWrapper.value.removeEventListener("scroll", emitScroll)
|
|
|
|
|
|
|
+ scrollWrapper.value?.removeEventListener("scroll", emitScroll)
|
|
|
})
|
|
})
|
|
|
defineExpose({
|
|
defineExpose({
|
|
|
moveToTarget,
|
|
moveToTarget,
|