编辑的时候直接获取焦点
拿到这个输入框
ref="inputTitle">
点击之后 执行完才解析模板 this.$refs.inputTitle.focus() 会在模板没解析之前操作 会没有效果
需要解析模板之后,页面出现input才有效。
this.$nextTick(回调函数)==》
在下一次DOM更新结束后执行指定的回调
使用时间:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调函数中执行,可以使用定时器
//编辑按钮
edit(todo){
//追加只需要一次
if(todo.hasOwnProperty('isEdit')){
todo.isEdit=true//执行完才重新解析模板
}else{ // todo.isEdit=true --不可以没有set he gey
this.$set(todo,'isEdit',true)//追加的
}
this.$nextTick(function() {
this.$refs.inputTitle.focus()
})
},
![](https://i-blog.csdnimg.cn/blog_migrate/3de6224f06ae24bb1dae29f4154468fc.png)