From 5412837a87bfa147d598b4e6b912f62b819cb778 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Thu, 2 Feb 2023 23:28:49 +0800
Subject: [PATCH] fix(Slider): wrong behavior in two-thumb mode (#11534)

---
 packages/vant/src/slider/Slider.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/vant/src/slider/Slider.tsx b/packages/vant/src/slider/Slider.tsx
index 3d26b32c6..4e83ddfd0 100644
--- a/packages/vant/src/slider/Slider.tsx
+++ b/packages/vant/src/slider/Slider.tsx
@@ -65,7 +65,7 @@ export default defineComponent({
     let startValue: SliderValue;
 
     const root = ref<HTMLElement>();
-    const slider = ref<HTMLElement>();
+    const slider = [ref<HTMLElement>(), ref<HTMLElement>()] as const;
     const dragStatus = ref<'start' | 'dragging' | ''>();
     const touch = useTouch();
 
@@ -291,7 +291,7 @@ export default defineComponent({
 
       return (
         <div
-          ref={slider}
+          ref={slider[index ?? 0]}
           role="slider"
           class={getButtonClassName(index)}
           tabindex={props.disabled ? undefined : 0}
@@ -321,9 +321,11 @@ export default defineComponent({
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
 
-    // useEventListener will set passive to `false` to eliminate the warning of Chrome
-    useEventListener('touchmove', onTouchMove, {
-      target: root,
+    slider.forEach((item) => {
+      // useEventListener will set passive to `false` to eliminate the warning of Chrome
+      useEventListener('touchmove', onTouchMove, {
+        target: item,
+      });
     });
 
     return () => (