fix: reduce passive event warning of touchmove event (#10975)

This commit is contained in:
neverland
2022-08-27 11:12:36 +08:00
committed by GitHub
parent 6a7376d15d
commit da3400435f
12 changed files with 217 additions and 136 deletions
+7 -1
View File
@@ -77,6 +77,7 @@ export default defineComponent({
setup(props, { emit, slots }) {
const root = ref<HTMLElement>();
const sidebar = ref<HTMLElement>();
const activeAnchor = ref<Numeric>('');
const touch = useTouch();
@@ -272,11 +273,11 @@ export default defineComponent({
const renderSidebar = () => (
<div
ref={sidebar}
class={bem('sidebar')}
style={sidebarStyle.value}
onClick={onClickSidebar}
onTouchstartPassive={touch.start}
onTouchmove={onTouchMove}
>
{renderIndexes()}
</div>
@@ -284,6 +285,11 @@ export default defineComponent({
useExpose({ scrollTo });
// useEventListener will set passive to `false` to eliminate the warning of Chrome
useEventListener('touchmove', onTouchMove, {
target: sidebar,
});
return () => (
<div ref={root} class={bem()}>
{props.teleport ? (