在使用vue.js框架的時(shí)候，有時(shí)候會(huì)希望在頁(yè)面渲染完成之后，再執(zhí)行函數(shù)方法來(lái)處理初始化相關(guān)的操作，如果只處理頁(yè)面位置、寬或者高時(shí)，必須要在頁(yè)面完全渲染之后才可以，頁(yè)面沒(méi)有加載完成之前，獲取到的寬高不準(zhǔn)確。使用過(guò)jquery的都知道，有個(gè)ready方法可以使用，但vue.js則需要結(jié)合watch和nextTick方法來(lái)使用。

　　watch():用于觀察Vue實(shí)例上的數(shù)據(jù)變動(dòng)。

　　nextTick:在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。

　　　　

　　　　

　　　　

　　　　

?

　　注：其中 imgHeight 為 watch 的檢測(cè)對(duì)象，當(dāng) imgHight 的值發(fā)生變化時(shí)，就會(huì)觸發(fā)watch()事件里邊的回調(diào)。

?

參考資料：

　　https://jingyan.baidu.com/article/0320e2c134092b1b86507b64.html

?

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的vue中通过js控制页面样式方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。