网站维护的具体问题,wordpress 代理插件,班级优化大师怎么加入班级,网站建设的所有权需求#xff1a;点击button按钮#xff0c;录入成功后#xff0c;页面上的input框自动聚焦#xff0c;快速进行下一次录入#xff0c;提高效率 开始尝试了几种方法都没有成功 一、首先想到的用vue指令 v-focus#xff0c;然而没有成功 Input v-modelbook.isbnO…需求点击button按钮录入成功后页面上的input框自动聚焦快速进行下一次录入提高效率 开始尝试了几种方法都没有成功 一、首先想到的用vue指令 v-focus然而没有成功 Input v-modelbook.isbnOrIssn change.native_getIsbn blur_getIsbn :disabledsnDisabled v-focusplaceholder请扫描或输入ISBN/ISSN/Input directives: {focus: {inserted (el,{value}) {if(value){el.focus()}}}},   二、操作页面dom节点首先用到ref然而还是没有任何作用 Input v-modelbook.isbnOrIssn change.native_getIsbn blur_getIsbn :disabledsnDisabled refgainplaceholder请扫描或输入ISBN/ISSN/Inputthis.$refs.gain.focus()   最后去网上查找资料发现是更新dom先后顺序的问题在vue中并不是每次数据改变都会触发更新dom而是将这些操作都缓存在一个队列在一个事件循环结束之后刷新队列统一执行dom更新操作。  通常情况下我们不需要关心这个问题而如果想在DOM状态更新后做点什么则需要用到nextTick。在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中因为created()钩子函数执行的时候DOM并未进行任何渲染而此时进行DOM操作是徒劳的所以此处一定要将DOM操作的JS代码放进Vue.nextTick()的回调函数中。   this.$nextTick( () {this.$refs.gain.focus()} )转载于:https://www.cnblogs.com/wangdashi/p/9660747.html