fix: 图片预览拖拽问题

Tencent · Oct 25, 2023 · 0a5247c · 0a5247c
1 parent 22e2a1f
commit 0a5247c
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/src/image-viewer/image-viewer.vue b/src/image-viewer/image-viewer.vue
@@ -288,13 +288,14 @@ export default defineComponent({
         return;
       }
 
+      state.dragging = true;
+
       // 过高图片允许上下滑动
       state.draggedY = offset?.[1] || 0;
 
       if (state.scale === 1) return;
 
       state.draggedX = offset?.[0] || 0;
-      state.dragging = true;
 
       if (movement[0] !== _movement[0] && overflow[0] !== 0) {
         state.extraDraggedX += _delta[0] / 5;
@@ -375,13 +376,7 @@ export default defineComponent({
 
     watch(
       () => state.scale,
-      (newVal) => {
-        if (newVal !== 1) {
-          disabled.value = true;
-        } else {
-          disabled.value = false;
-        }
-      },
+      (newVal) => (disabled.value = newVal !== 1),
     );
 
     onUnmounted(() => {