模拟标签键

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 
     } 
    } 
})