模擬標籤鍵

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> 

，並使用這個ID來安裝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 
     } 
    } 
})