Vue2系列教程——this.$nextTick()

Vue2 this.$nextTick()

this.$nextTick(回调函数)
作用：在下一次DOM更新结束后执行其指定的回调函数
什么时候用：当改变数据后，要基于更新后的DOM进行某些 *** 作时，要在nextTick所指定的回调函数中执行

<template>
    <div>
        <input ref="inputTitle" />
    div>
template>
<script>
export default{
    methods:{
        handle(){
            if(...){
                ...
            }
            else if(...){
                ...
            }
            this.$nextTick(function(){          //this.$nextTick(回调函数)
                this.$refs.inputTitle.focus()   //获取焦点
            })
        }
    }
}
script>