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

useClickAway

\n

\u4ECB\u7ECD

\n

\u76D1\u542C\u70B9\u51FB\u5143\u7D20\u5916\u90E8\u7684\u4E8B\u4EF6\u3002

\n

\u4EE3\u7801\u6F14\u793A

\n

\u57FA\u672C\u7528\u6CD5

\n
<div ref="root" />\n
\n
import { ref } from 'vue';\nimport { useClickAway } from '@vant/use';\n\nexport default {\n  setup() {\n    const root = ref();\n    useClickAway(root, () => {\n      console.log('click outside!');\n    });\n\n    return { root };\n  },\n};\n
\n

\u81EA\u5B9A\u4E49\u4E8B\u4EF6

\n

\u901A\u8FC7 eventName \u9009\u9879\u53EF\u4EE5\u81EA\u5B9A\u4E49\u9700\u8981\u76D1\u542C\u7684\u4E8B\u4EF6\u7C7B\u578B\u3002

\n
<div ref="root" />\n
\n
import { ref } from 'vue';\nimport { useClickAway } from '@vant/use';\n\nexport default {\n  setup() {\n    const root = ref();\n    useClickAway(\n      root,\n      () => {\n        console.log('touch outside!');\n      },\n      { eventName: 'touchstart' },\n    );\n\n    return { root };\n  },\n};\n
\n

API

\n

\u7C7B\u578B\u5B9A\u4E49

\n
type Options = {\n  eventName?: string;\n};\n\nfunction useClickAway(\n  target:\n    | Element\n    | Ref<Element | undefined>\n    | Array<Element | Ref<Element | undefined>>,\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
target\u7ED1\u5B9A\u4E8B\u4EF6\u7684\u5143\u7D20\uFF0C\u652F\u6301\u4F20\u5165\u6570\u7EC4\u6765\u7ED1\u5B9A\u591A\u4E2A\u5143\u7D20Element | Ref<Element> | Array<Element | Ref<Element>>-
listener\u70B9\u51FB\u5916\u90E8\u65F6\u89E6\u53D1\u7684\u56DE\u8C03\u51FD\u6570EventListener-
options\u53EF\u9009\u7684\u914D\u7F6E\u9879Options\u89C1\u4E0B\u8868
\n

Options

\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
eventName\u76D1\u542C\u7684\u4E8B\u4EF6\u7C7B\u578Bstringclick
\n
'},null,8,l))}}}]);