Имитация клавиши табуляции

Question

Кто-нибудь знает, как имитировать вкладку для перемещения по входам?

<input type="text" @keyup.enter="myfunc"> 
<input type="text" @keyup.enter="myfunc"> 
<input type="text" @keyup.enter="myfunc"> 

new Vue({ 
    methods: { 
    myfunc() { 
     //? 
    } 
    } 
}); 

спасибо!

Answer 1

Вы можете сделать это с помощью директивы Vue: vue-focus, см. Рабочий код here.

Вы должны поместить все входные данные внутри DIV с ID:

<div id="demo"> 
    <input type="text" v-focus="focused['0']" v-on:keyup.enter="changeFocus(1, 0)"> 
    <input type="text" v-focus="focused['1']" v-on:keyup.enter="changeFocus(2, 1)"> 
    <input type="text" v-focus="focused['2']" v-on:keyup.enter="changeFocus(nil, 2)"> 
</div> 

и использовать этот идентификатор для установки Vue компоненты:

var demo = new Vue({ 
    el: '#demo', 
     mixins: [ VueFocus.mixin ], 
    data:{ 
     focused: { 
      "0": true, 
      "1": false, 
      "2": false 
     } 
    }, 
    methods:{ 
     changeFocus(bringInFocus, removeFocus){ 
     if(bringInFocus) this.focused[bringInFocus] = true 
     this.focused[removeFocus] = false 
     } 
    } 
})