首页 > 其他 > 详细

this.$nextTick

时间:2021-08-23 19:24:12      阅读:14      评论:0      收藏:0      [点我收藏+]

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

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

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

 

this.$nextTick

原文:https://www.cnblogs.com/popopo/p/15176774.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!