github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: select scorll in mobile (#3707)

pull/3717/head
zkwolf 2021-02-25 13:37:15 +08:00 committed by GitHub
parent 006e23ab69
commit 7303e9ae86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
components/vc-virtual-list/hooks/useMobileTouchMove.ts
View File

@ -1,5 +1,5 @@
import supportsPassive from '../../_util/supportsPassive';
import { watch, Ref } from 'vue';
import { watch, Ref, onMounted } from 'vue';
const SMOOTH_PTG = 14 / 15;
@ -80,28 +80,34 @@ export default function useMobileTouchMove(
}
};
watch(inVirtual, val => {
listRef.value.removeEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
onMounted(() => {
watch(
inVirtual,
val => {
listRef.value.removeEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
cleanUpEvents();
clearInterval(interval);
if (val) {
listRef.value.addEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
}
},
{ immediate: true },
);
cleanUpEvents();
clearInterval(interval);
if (val) {
listRef.value.addEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
}
});
}