input取消焦点 vue_vue中，页面上的input框自动获取焦点及二次获取焦点问题

需求：点击button按钮，录入成功后，页面上的input框自动聚焦，快速进行下一次录入，提高效率

开始尝试了几种方法都没有成功

一、首先想到的用vue指令 v-focus，然而没有成功

v-model="book.isbnOrIssn"@change.native="_getIsbn"@blur="_getIsbn":disabled="snDisabled"v-focus

placeholder="请扫描或输入ISBN/ISSN">

directives: {

focus: {

inserted (el,{value}) {if(value){

el.focus()

}

}

}

},

二、操作页面dom节点，首先用到ref，然而还是没有任何作用

v-model="book.isbnOrIssn"

@change.native="_getIsbn"

@blur="_getIsbn"

:disabled="snDisabled"

ref="gain"

placeholder="请扫描或输入ISBN/ISSN">

this.$refs.gain.focus()

最后去网上查找资料，发现是更新dom先后顺序的问题，在vue中，并不