午夜大片爽爽爽免费影院丨色综合色综合久久综合频道88丨日韩人妻无码中文字幕视频丨一本无码久本草在线中文字幕dvd丨国产午夜亚洲精品国产成人

Vue.js中this.$nextTick()的使用

2020/11/17 10:04:34   閱讀:2930    發(fā)布者:2930


Vue 實現(xiàn)響應(yīng)式并不是數(shù)據(jù)發(fā)生變化之后 DOM 立即變化,而是按一定的策略進(jìn)行 DOM 的更新。$nextTick 是在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào),在修改數(shù)據(jù)之后使用 $nextTick,則可以在回調(diào)中獲取更新后的 DOM,


所以就衍生出了這個獲取更新后的DOM的Vue方法。所以放在Vue.nextTick()回調(diào)函數(shù)中的執(zhí)行的應(yīng)該是會對DOM進(jìn)行操作的 js代碼

this.$nextTick()方法主要是用在隨數(shù)據(jù)改變而改變的dom應(yīng)用場景中,vue中數(shù)據(jù)和dom渲染由于是異步的,所以,要讓dom結(jié)構(gòu)隨數(shù)據(jù)改變這樣的操作都應(yīng)該放進(jìn)this.$nextTick()的回調(diào)函數(shù)中。created()中使用的方法時,dom還沒有渲染,如果此時在該鉤子函數(shù)中進(jìn)行dom賦值數(shù)據(jù)(或者其它dom操作)時無異于徒勞,所以,此時this.$nextTick()就會被大量使用,而與created()對應(yīng)的是mounted()的鉤子函數(shù)則是在dom完全渲染后才開始渲染數(shù)據(jù),所以在mounted()中操作dom基本不會存在渲染問題。

主站蜘蛛池模板: 老子影院无码午夜伦不卡| 国产1卡2卡三卡四卡精品| 免费无码高潮流白浆视频| 免费人成在线视频无码| 中文字幕久久久久人妻中出| 真人与拘做受免费视频一| 国产一区二区内射最近更新| 久久丫免费无码一区二区| 欧美中文字幕无线码视频| 日本韩无专砖码高清| 香蕉97超级碰碰碰免费公开| 精品1卡二卡三卡四卡老狼| 国产精品人人做人人爽人人添 | 男人到天堂在线a无码| 国产人妻久久精品二区三区老狼| 欧美人妻少妇精品久久黑人| 果冻传媒18禁免费视频| 欧美日韩国产综合新一区| 牲交欧美兽交欧美| 成人爽a毛片免费啪啪| 亚洲自偷自偷在线成人网址| 99久久九九社区精品| 97超碰人人人人人人少妇| 国产精品免费看久久久| 国产精品免费视频网站| 学生妹无套内射正在播放| 成人黄网站高清免费视频| 在线观看免费无码专区| 成年av动漫网站久久| 久久精品人人做人人爽97| 精品国产精品三级精品av网址| 亚洲2019av无码网站在线| 国产无遮挡又爽又黄大胸免费| 国产精品亚洲а∨天堂网不卡| 亚洲国产av精品一区二区蜜芽| 欧洲熟妇色 欧美| 日产乱码一二三区别免费麻豆| 国产偷国产偷亚洲清高动态图| 亚洲婷婷六月的婷婷| 亚洲人成网77777香蕉| 国产精品露脸视频观看|