/*! For license information please see 3198.993b4cc7.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["3198"],{10055:function(s,n,a){"use strict";a.r(n);var t=a("80681");let e=["innerHTML"];n.default={setup:()=>({html:""}),render:()=>((0,t.wg)(),(0,t.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

useEventListener

\n

\u4ECB\u7ECD

\n

\u65B9\u4FBF\u5730\u8FDB\u884C\u4E8B\u4EF6\u7ED1\u5B9A\uFF0C\u5728\u7EC4\u4EF6 mounted \u548C activated \u65F6\u7ED1\u5B9A\u4E8B\u4EF6\uFF0Cunmounted \u548C deactivated \u65F6\u89E3\u7ED1\u4E8B\u4EF6\u3002

\n

\u4EE3\u7801\u6F14\u793A

\n

\u57FA\u672C\u7528\u6CD5

\n
import { ref } from 'vue';\nimport { useEventListener } from '@vant/use';\n\nexport default {\n  setup() {\n    // \u5728 window \u4E0A\u7ED1\u5B9A resize \u4E8B\u4EF6\n    // \u672A\u6307\u5B9A\u76D1\u542C\u5BF9\u8C61\u65F6\uFF0C\u9ED8\u8BA4\u4F1A\u76D1\u542C window \u7684\u4E8B\u4EF6\n    useEventListener('resize', () => {\n      console.log('window resize');\n    });\n\n    // \u5728 body \u5143\u7D20\u4E0A\u7ED1\u5B9A click \u4E8B\u4EF6\n    useEventListener(\n      'click',\n      () => {\n        console.log('click body');\n      },\n      { target: document.body },\n    );\n  },\n};\n
\n

\u53D6\u6D88\u4E8B\u4EF6\u76D1\u542C

\n

useEventListener \u4F1A\u8FD4\u56DE\u4E00\u4E2A cleanup \u51FD\u6570\uFF0C\u8C03\u7528\u8BE5\u51FD\u6570\u53EF\u4EE5\u53D6\u6D88\u4E8B\u4EF6\u76D1\u542C\u3002

\n
import { ref } from 'vue';\nimport { useEventListener } from '@vant/use';\n\nexport default {\n  setup() {\n    const cleanup = useEventListener('resize', () => {\n      console.log('window resize');\n    });\n\n    cleanup();\n  },\n};\n
\n

API

\n

\u7C7B\u578B\u5B9A\u4E49

\n
type Options = {\n  target?: EventTarget | Ref<EventTarget>;\n  capture?: boolean;\n  passive?: boolean;\n};\n\nfunction useEventListener(\n  type: string,\n  listener: EventListener,\n  options?: Options,\n): () => void;\n
\n

\u53C2\u6570

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
type\u76D1\u542C\u7684\u4E8B\u4EF6\u7C7B\u578Bstring-
listener\u4E8B\u4EF6\u56DE\u8C03\u51FD\u6570EventListener-
options\u53EF\u9009\u7684\u914D\u7F6E\u9879Options-
\n

Options

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
target\u7ED1\u5B9A\u4E8B\u4EF6\u7684\u5143\u7D20EventTarget | Ref<EventTarget>window
capture\u662F\u5426\u5728\u4E8B\u4EF6\u6355\u83B7\u9636\u6BB5\u89E6\u53D1booleanfalse
passive\u8BBE\u7F6E\u4E3A true \u65F6\uFF0C\u8868\u793A listener \u6C38\u8FDC\u4E0D\u4F1A\u8C03\u7528 preventDefaultbooleanfalse
\n
'},null,8,e))}}}]);