vue获取input焦点事件_Vue表单回车事件下一个input获取焦点

直接上代码吧- 动态数据，动态获取，动态焦点--ohye

• {{ product.title }} - {{ product.price | currency }}

  type="text"

  :value='product.title'

  :ref='"nnnn"+product.id'

  @keyup.enter="(e)=>doneEdit('nnnn'+product.id)"

  >

  :disabled="!product.inventory"

  @click="addProductToCart(product)">

  Add to cart

const allproducts = [

{"id": 1, "title": "iPad 4 Mini111", "price": 500.01, "inventory": 2},

{"id": 2, "title": "H&M T-Shirt White", "price": 10.99, "inventory": 10},

{"id": 3, "title": "Charli XCX - Sucker CD", "price": 19.99, "inventory": 5}

]

import { mapGetters, mapActions } from 'vuex'

export default {

computed:{

products:function(){ return allproducts}

},

methods:{

doneEdit:function(refid){

let dom=this.$refs[refid][0];

dom.parentNode.nextElementSibling

&& dom.parentNode.nextElementSibling.childNodes[3].focus()

},

...mapActions([

'addProductToCart',

])},

beforeCreate(){

console.log('生命周期');

},

created () {

this.$store.dispatch('getAllProducts')

}

}