vue this.$nextTick()

我在寫項目是遇見一個問題,當(dāng)我點擊彈框全屏按鈕時,彈框會全屏顯示,彈框內(nèi)的內(nèi)容寬度由百分百變成百分之六十。但我實際操作時發(fā)現(xiàn),點擊按鈕時會先改變內(nèi)容寬度的百分比,再改變彈框的寬度。
官方文檔是這樣解釋this.nextTick() 將回調(diào)延遲到下次 DOM 更新循環(huán)之后執(zhí)行。在修改數(shù)據(jù)之后立即使用它,然后等待 DOM 更新。 把改變彈框內(nèi)容寬度 寫在this.nextTick()的回調(diào)函數(shù)里就可以了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • $nextTick Vue.nextTick()是在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào),在修改數(shù)據(jù)之后使用...
    默色留戀閱讀 8,433評論 1 1
  • 雖然 Vue.js 鼓勵沿著“數(shù)據(jù)驅(qū)動”的方式思考,避免直接接觸 DOM,但是有時我們確實要這么做。比如一個新聞滾...
    李亞_45be閱讀 1,782評論 0 1
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,380評論 0 17
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,636評論 4 61
  • 《ilua》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 1...
    葉染柒丶閱讀 11,575評論 0 11

友情鏈接更多精彩內(nèi)容