vue异步更新,$nextTick
如果将isShowEdit改为true,就会显示输入框和确认按钮、
如果isShowEdit为false的话就显示“大标题”和编辑
想要获取元素焦点,但是vue是异步更新,会出错显示this.$refs.inp是undefined,是因为input元素并没有更新完成,所以需要使用到$nextTick,将它们作为函数体来执行
除了可以用$nextTick()准确检测到dom更新完成后添加聚焦事件之外,还可以使用setTimeout()方法延时一秒之后给元素添加聚焦,但是该方法不准确,不能精确捕捉到什么时候dom更新完成。
在后一节自定义指令中,要想自动获取焦点,则写在mounted(){} 元素渲染完成之后。从此也可以得到启示,既可以用$nextTick(函数体)来准确监测异步更新的dom元素更新完成之后获取焦点,也可以直接在mounted(){}函数中获取焦点