【文件属性】：
文件名称：focus-trap-vue:Vue组件可将焦点捕获在DOM元素内
文件大小：117KB
文件格式：ZIP
更新时间：2021-04-29 11:33:41
ui vue ux a11y lock
焦点陷阱
寻找Vue 3版本吗？
Vue组件可将焦点捕获在DOM元素内
安装
npm install focus-trap focus-trap-vue
用法
该库导出一个名为export FocusTrap单个库，并需要作为对等依赖项。 因此，您可以在本地导入该组件或在全局范围内对其进行声明：
import { FocusTrap } from 'focus-trap-vue'
Vue . component ( 'FocusTrap' , FocusTrap )
可以通过三种不同的方式来控制FocusTrap ：
通过使用active布尔道具
通过使用v-model （使用active道具）
通过调用组件上的activate / deactivate方法
推荐的方法是使用v-model ，它应该包含一个孩子：
< focus-trap v-model =" isActiv
【文件预览】：
focus-trap-vue-master
----.gitignore(177B)
----package.json(2KB)
----src()
--------FocusTrap.ts(3KB)
--------index.ts(58B)
----webpack.config.js(1KB)
----cypress.json(3B)
----LICENSE(1KB)
----tsconfig.json(386B)
----.github()
--------PULL_REQUEST_TEMPLATE.md(1KB)
--------settings.yml(474B)
--------ISSUE_TEMPLATE.md(253B)
--------CONTRIBUTING.md(1KB)
--------CODE_OF_CONDUCT.md(1KB)
--------funding.yml(50B)
----rollup.config.js(3KB)
----README.md(4KB)
----demo()
--------index.js(697B)
--------style.css(634B)
--------index.html(6KB)
--------.prettierrc(47B)
----circle.yml(486B)
----netlify.toml(117B)
----.prettierrc(95B)
----yarn.lock(246KB)
----cypress()
--------integration()
--------support()
--------plugins()