vue-auto-focus

![GitHub issues](https://github.com/yeyuqiudeng/vue-auto-focus/issues)
![GitHub forks](https://github.com/yeyuqiudeng/vue-auto-focus/network)
![GitHub stars](https://github.com/yeyuqiudeng/vue-auto-focus/stargazers)
![Twitter](https://twitter.com/intent/tweet?text=Wow:&url=%5Bobject%20Object%5D)

![NPM](https://nodei.co/npm/vue-auto-focus/)

Description

A vue directive that can let you control your input and textarea auto focus very easily!

Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制

Installation

npm install vue-auto-focus

Usage

$3

import AutoFocus from 'vue-auto-focus'
Vue.use(AutoFocus)

$3

* 指令必需用在需要控制的input和textarea元素父节点上
* 需要指令控制自动聚焦的input和textarea元素必需设置data-index属性

$3

看使用说明时,请参对例子
* data-current 指令挂载的父元素的属性,为当前聚焦的元素的data-index属性的值
* data-action 执行指令时的自动聚焦行为,值为next时,自动聚焦到下一个元素,prev时,聚焦到上一个元素,first时聚焦到第一个元素,last时聚焦到最后一个元素,jump时,跳转到指令的元素
* v-auto-focus="focusCtrl" 指令值,指令值变化时,执行data-action指定的行为
* 自动聚焦后,需要监听@focus,更新data-current的值,否则下一次指令执行时,不会得到预期的行为