this.$nextTick

this.$nextTick这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来

例子:想让输入框显示出来后自动获取焦点

showBtn(){
      this.isVisible=true;
       //获取ref 获取不到
       //原因是啥呢:在数据改变时 需要经历 beforeUpdate阶段 以及 updated阶段 
       //在上一行刚刚改变完数据 还没有渲染最新页面的dom结构 此时页面中并没有这个文本框 
       //所以获取不到
      // console.log(this.$refs.iptRef);
  //解决办法:
      this.$nextTick(()=>{
        this.$refs.iptRef.focus()
      })
    },

 

this.$nextTick

上一篇:Solution -「ARC 125E」Snack


下一篇:剑指 Offer II 054. 所有大于等于节点的值之和