'接口联调、封装弹窗组件'

src/layout/components/TagsView/ScrollPane.vue

@@ -38,19 +38,23 @@ onMounted(() => {
   // scrollWrapper.value.addEventListener('scroll', emitScroll, true);
 });
 onBeforeUnmount(() => {
-  scrollWrapper.value.removeEventListener('scroll', emitScroll);
+  scrollWrapper.value?.removeEventListener('scroll', emitScroll);
 });
 
 function handleScroll(e: WheelEvent) {
+  const wrap = scrollWrapper.value;
+  if (!wrap) return;
   const eventDelta = (e as any).wheelDelta || -e.deltaY * 40;
-  scrollWrapper.value.scrollLeft =
-    scrollWrapper.value.scrollLeft + eventDelta / 4;
+  wrap.scrollLeft = wrap.scrollLeft + eventDelta / 4;
 }
 
 function moveToTarget(currentTag: TagView) {
-  const $container = proxy.$refs.scrollContainer.$el;
-  const $containerWidth = $container.offsetWidth;
   const $scrollWrapper = scrollWrapper.value;
+  if (!$scrollWrapper) return;
+
+  const $container = proxy.$refs.scrollContainer?.$el;
+  if (!$container) return;
+  const $containerWidth = $container.offsetWidth;
 
   let firstTag = null;
   let lastTag = null;

src/layout/components/TagsView/index.vue

@@ -160,7 +160,7 @@ function moveToCurrentTag() {
   nextTick(() => {
     for (const r of visitedViews.value) {
       if (r.path === route.path) {
-        scrollPaneRef.value.moveToTarget(r);
+        scrollPaneRef.value?.moveToTarget(r);
         // when query is different then update
         if (r.fullPath !== route.fullPath) {
           tagsView.updateVisitedView(route);