blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(PullRefresh): remove passive event warning (#10938)

Browse Source
This commit is contained in:
neverland 2022-08-19 22:04:52 +08:00 committed by GitHub
parent da3ad139d4
commit 1945c35b17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/vant/src/pull-refresh/PullRefresh.tsx
View File

@ -17,7 +17,7 @@ import {
} from '../utils';
// Composables
import { useScrollParent } from '@vant/use';
import { useEventListener, useScrollParent } from '@vant/use';
import { useTouch } from '../composables/use-touch';
// Components
@ -61,6 +61,7 @@ export default defineComponent({
let reachTop: boolean;
const root = ref<HTMLElement>();
const track = ref<HTMLElement>();
const scrollParent = useScrollParent(root);
const state = reactive({
@ -220,6 +221,15 @@ export default defineComponent({
}
);
// add passive option to avoid Chrome warning
useEventListener('touchstart', onTouchStart as EventListener, {
target: track,
passive: true,
});
useEventListener('touchmove', onTouchMove as EventListener, {
target: track,
});
return () => {
const trackStyle = {
transitionDuration: `${state.duration}ms`,
@ -231,10 +241,9 @@ export default defineComponent({
return (
<div ref={root} class={bem()}>
<div
ref={track}
class={bem('track')}
style={trackStyle}
onTouchstart={onTouchStart}
onTouchmove={onTouchMove}
onTouchend={onTouchEnd}
onTouchcancel={onTouchEnd}
>