【文件属性】:
文件名称:focus-trap:捕获焦点的Vue组件
文件大小:43KB
文件格式:ZIP
更新时间:2021-05-18 17:25:26
JavaScript
FocusTrap
捕获焦点的Vue组件
该组件是围绕的轻巧包装,可根据您的Vue特定需求进行定制。
实时示例和文档
特征
对焦陷阱会在就绪挂钩上自动激活(默认情况下,尽管可以更改)。
聚焦陷阱会自动在已损坏的弯钩上停用。
聚焦陷阱可通过道具激活和停用,暂停和取消暂停。
入门
请阅读以了解什么是对焦陷阱,激活对焦陷阱时会发生什么以及禁用对焦陷阱时会发生什么。
使用npm安装软件包
$ npm install wovue-focus-trap --save
安装插件
import Vue from 'vue'
import FocusTrap from 'wovue-focus-trap'
Vue . use ( FocusTrap )
基本用法
< button @click =" mountTrap " > mount trap </ button >
< wv-focus
【文件预览】:
focus-trap-master
----.gitignore(105B)
----README.md(2KB)
----static()
--------.gitkeep(0B)
----package.json(3KB)
----src()
--------main.js(316B)
--------focus-trap.js(5KB)
--------FocusTrap.vue(2KB)
----.babelrc(96B)
----build()
--------webpack.dev.conf.js(1KB)
--------build.js(1KB)
--------webpack.prod.dist.conf.js(2KB)
--------dev-server.js(2KB)
--------dev-client.js(245B)
--------webpack.base.conf.js(2KB)
--------utils.js(2KB)
--------webpack.prod.docs.conf.js(3KB)
--------markdown-highlight-custom.js(888B)
----src-docs()
--------app()
--------styles()
--------index.html(495B)
--------assets()
----config()
--------test.env.js(132B)
--------prod.env.js(48B)
--------index.js(2KB)
--------dev.env.js(139B)
----.eslintignore(23B)
----.npmignore(133B)
----.editorconfig(147B)
----.eslintrc.js(559B)