From 8793c9b3e395d736005c532eae7ca94e6ed41e22 Mon Sep 17 00:00:00 2001
From: haoxr <1490493387@qq.com>
Date: Mon, 21 Nov 2022 22:52:57 +0800
Subject: [PATCH] =?UTF-8?q?fix(ScrollPane.vue):=20=E6=96=B0=E7=89=88?=
 =?UTF-8?q?=E6=9C=ACel-scrollbarref=E5=B1=9E=E6=80=A7=E5=90=8D=E5=8F=98?=
 =?UTF-8?q?=E5=8A=A8=E5=AF=BC=E8=87=B4addEventListener=20undefined?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: 1dea3d677c3a2ce362021a4ea1974930310d127f
---
 src/layout/components/TagsView/ScrollPane.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue
index d57d2ddb..e91a6fe1 100644
--- a/src/layout/components/TagsView/ScrollPane.vue
+++ b/src/layout/components/TagsView/ScrollPane.vue
@@ -15,7 +15,7 @@ import {
   computed,
   onMounted,
   onBeforeUnmount,
-  getCurrentInstance,
+  getCurrentInstance
 } from 'vue';
 import useStore from '@/store';
 import { TagView } from '@/store/modules/types';
@@ -32,7 +32,9 @@ const { tagsView } = useStore();
 
 const visitedViews = computed(() => tagsView.visitedViews);
 
-const scrollWrapper = computed(() => proxy?.$refs.scrollContainer.$refs.wrap$);
+const scrollWrapper = computed(
+  () => proxy?.$refs.scrollContainer.$refs.wrapRef
+);
 
 onMounted(() => {
   scrollWrapper.value.addEventListener('scroll', emitScroll, true);
@@ -68,7 +70,7 @@ function moveToTarget(currentTag: TagView) {
   } else {
     const tagListDom = document.getElementsByClassName('tags-view__item');
     const currentIndex = visitedViews.value.findIndex(
-      (item) => item === currentTag
+      item => item === currentTag
     );
     let prevTag = null;
     let nextTag = null;
@@ -107,7 +109,7 @@ function moveToTarget(currentTag: TagView) {
 }
 
 defineExpose({
-  moveToTarget,
+  moveToTarget
 });
 </script>