Vue.js $nextTick

永利皇宫402

永利皇宫402,  补充:

     在template模板中如下

  在script中

    <div  v-el:”my-dom”></div>

    this.$refs.mydom ;//2.x获取dom成分,不用采用驼峰命名

 在script中

   在template模板中如下

 
 解释了$nextTick的用法,那么它的运用处境就是当页面还未渲染的时候,比方created,大概mounted(未全部渲染完毕)钩子状态的时候有与dom相关的操作的话。此时就必要运用到$nextTick.

 

     <div  ref=”mydom”></div>

2.x

      this.$els.myDom;//dom获取到dom成分,  注意script中须要利用驼峰命名

   
 vue.js中更新数据是异步更新的。在这种景观下,借使大家想一开垦加载、渲染页面就完毕某种和dom相关的效果。我们驾驭这一年需求把相关的代码放到vue的生命周期的created钩子函数中:推行。可是因为异步的缘由。那个时候页面并未有开始渲染。你就想对有些dom成分完成某种特殊的法力的话,结果就能够是对牛弹琴的。那或多或少影象点描述的话,能够说此时dom成分还在堵车的中途还未有到页面上呢,你就点着他的名字要她专业。那结果料定是事情也一向不做成。因为外人都还没到呢。这年$nextTick就出台了,它实质上是一个回调函数,回调函数就象征把dom成分的连带兑现放在这其间的话,它会等着dom来了,才会初叶让她专业。那那就很好的消除了页面包车型大巴异步渲染难点。

  1.x

新近在攻读vue.js。理解一.x的基础上再念书②.x的vue。七个版本的确是不会像angular那样1.x和2.x差之千里。所以读书起来实在仍旧有十分的大的关系。可是,究竟来讲。两者依旧有语法上的细微差其他。可是对于此处讲的$nextTick()函数来讲,两者并从未怎么差异。前二日瞟到了1眼这个$nextTick那些玩意儿,不过关于它是为何的,还是不明了。然后明日在练习项目中就用到了。自个儿也稍微的去打听了弹指间。以此做笔录。

 
 在vue中仍旧得以获得原生js的dom元素的。在一.x和2.x本子中的获取格局稍有差别。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图