vue 设置组件不重用_可重用的Vue.js组件的可重用焦点指令

vue 设置组件不重用

聚焦 (vue-focus)

A reusable focus directive for reusable Vue.js components.

可重用的Vue.js组件的可重用焦点指令。

It can be tricky to manage input focus. You always have to fall back to accessing DOM elements and calling .focus or .blur on them.

管理输入焦点可能很棘手。 您总是不得不退回访问DOM元素并对其调用.focus或.blur。

Well not anymore. vue-focus lets you manage focus from the safety of your view model.

好吧，不再了。 通过vue-focus，您可以从视图模型的安全性管理焦点。

现场演示 (Live Demo)

https://jsfiddle.net/simplesmiler/zak1t6o8/

https://jsfiddle.net/simplesmiler/zak1t6o8/

用例 (Use cases)

Focus the field when the modal windows appears Track the focus to show a hint for the focused field Move between fields with cursor keys Implement custom focus-related controls (e.g labels) Requirements

出现模态窗口时，对焦点进行跟踪跟踪焦点以显示焦点字段的提示使用光标键在字段之间移动实施与焦点相关的自定义控件(例如标签)

vue: ^2.0.0 If you need a version for Vue 1, try [email protected]

vue：^ 2.0.0如果您需要Vue 1的版本，请尝试[受电子邮件保护]

Install

安装

From npm:

从npm：

$ npm install vue-focus --save

From CDN:

从CDN：

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-focus/2.1.0/vue-focus.js"></script>
<!-- OR -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-focus/2.1.0/vue-focus.min.js"></script>

翻译自: https://vuejsexamples.com/a-reusable-focus-directive-for-reusable-vue-js-components/

vue 设置组件不重用