v-focus-next

v-focus-nextVue

v-focus-next

DomVuedivformElFormv-focus-nextDominput/textarea

• input/textareaclassName
• DomVue
• disabletypehiddenradiocheckboxfilesubmitreset
• vue2/3

npm install v-focus-next

use

Vue3

import { createApp } from 'vue'
import App from './App.vue'
import vFocusNext from "v-focus-next";

let app = createApp(App)
app.use(vFocusNext)  //
app.mount('#app')

Vue2

import Vue from 'vue'
import App from './App.vue'
import vFocusNext from "v-focus-next";

Vue.use(vFocusNext); //

new Vue({
  render: h => h(App),
}).$mount('#app')

1

v-focus-next

 <div v-focus-next>
    <input placeholder=""/>
    <input/>
    <input/>
    <input/>
    <input/>
    <textarea  />
</div>

Vueel-formv-focus-next

<el-form v-focus-next >
    <el-form-item label="">
        <el-input v-model="form.name" id="name" />
    </el-form-item>
    <el-form-item label="">
        <el-input v-model="form.age" id="age" disabled />
    </el-form-item>
 </el-form>

2

class'test' v-focus-next="'.test'"querySelectorAll

<div v-focus-next="'.test'">
    <input class="test"/>
    <input />
    <input class="test"/>
</div>

3

v-focus-next.autoFocus

<div v-focus-next.autoFocus>
    <input />  //
    <input />
    <input />
</div>

___hit757_

~~