Vue $nextTick

时间：2019-02-17 12:40:16 阅读：210 评论：0 收藏：0 [点我收藏+]

<!-- 
        应用场景：
          点击一个按钮，由v-if让div显示，并且拿到div的内容的时候。
          在div还没有被创建出来的时候，是拿不到内容的。
 	 这里涉及到了Vue异步更新队列的概念
          Vue观察数据变化的时候并不是直接更新DOM，而是开启一个队列,并
          缓冲在同一事件循环中的发生的所有数据的改变，在缓冲时会去除重复数据，
          从而避免不必要的计算和DOM操作;在下一个事件循环tick中，Vue刷新队列并执行

 
    -->
     用法：  
    <button @click="getSome">显示隐藏div。</button>
    <div v-if="show" ref="divContainer">平安喜乐，万事胜意。</div>
   //用来知道什么时候DOM更新完成
      this.$nextTick(() => {
        let text = this.$refs.divContainer.innerHTML;
        console.log(text);
      });
 

Vue $nextTick

标签：完成开启一个 text white -- uri 事件一个队列

原文地址：https://www.cnblogs.com/niusan/p/10390551.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行