blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Slider): wrong behavior in two-thumb mode (#11534)

Browse Source
This commit is contained in:
neverland 2023-02-02 23:28:49 +08:00 committed by GitHub
parent 8706f31e8a
commit 5412837a87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/vant/src/slider/Slider.tsx
View File

@ -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 () => (