vue強制重新渲染組件

ChanceWong 發(fā)布于2019-08-26 13:58 / 1198人閱讀

摘要：會在頁面重新渲染以后開始執(zhí)行回調(diào)所以使用這個方法強制刷新組件思路就是先把某個值設(shè)為，銷毀組件，然后在頁面重新渲染完畢以后再次創(chuàng)建組件

這幾天開發(fā)中遇到了一個問題，組件的值已經(jīng)有了，但是并沒有渲染出來
后來無奈百度了一下vue的組件強制刷新：

val.type = "none"
this.$nextTick(() => {
  val.type = "city"
})

官方介紹：將回調(diào)延遲到下次 DOM 更新循環(huán)之后執(zhí)行。在修改數(shù)據(jù)之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一樣，不同的是回調(diào)的 this 自動綁定到調(diào)用它的實例上。
nextTick會在頁面重新渲染以后開始執(zhí)行回調(diào)
所以使用這個方法強制刷新組件思路就是：先把某個值設(shè)為false，銷毀組件，然后在頁面重新渲染完畢以后再次創(chuàng)建組件

云服務(wù)器 GPU云服務(wù)器 vue組件 vue條件渲染 vue組件開發(fā) jsp 重新渲染、

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/109907.html

相關(guān)文章

react-lazy-load粗讀

摘要：粗讀近來沒什么特別要做的事，下班回來的空閑時間也比較多，所以抽空看看懶加載是怎么實現(xiàn)的，特別是看了下的庫的實現(xiàn)。之先別關(guān)注，按他給注釋說測試用。之是組件綁定事件時會觸發(fā)的函數(shù)。 react-lazy-load粗讀近來沒什么特別要做的事，下班回來的空閑時間也比較多，所以抽空看看懶加載是怎么實現(xiàn)的，特別是看了下 react-lazy-load 的庫的實現(xiàn)。懶加載這里懶加載場景不是路由...

dailybird 2019-08-26 12:13 評論0 收藏0
預(yù)計今年發(fā)布的Vue3.0到底有什么不一樣的地方？

摘要：模板語法的將保持不變。基于的觀察者機制目前，的反應(yīng)系統(tǒng)是使用的和。為了繼續(xù)支持，將發(fā)布一個支持舊觀察者機制和新版本的構(gòu)建。 showImg(https://segmentfault.com/img/remote/1460000017862774?w=1898&h=796); 還有幾個月距離vue2的首次發(fā)布就滿3年了，而vue的作者尤雨溪也在去年年末發(fā)布了關(guān)于vue3.0的計劃，如果不...

fnngj 2019-08-23 14:40 評論0 收藏0
Vue基本語法

摘要：基本語法和組件傳參基本語法是一個的框架數(shù)據(jù)驅(qū)動和組件化是的核心思想。這種語法為請輸入代碼語法這里是的值網(wǎng)頁上就會顯示出來里面的值。七和語言中的一樣的語法效果。我花費了元運行結(jié)果如下圖至此，講完了的基本語法撒花 Vue基本語法和組件傳參基本語法 Vue是一個 MVVM 的框架,數(shù)據(jù)驅(qū)動和組件化是Vue的核心思想。簡單的講MVVM框架就是：我們只需要在數(shù)據(jù)層做數(shù)據(jù)操作，顯示層會檢測到我...

ShevaKuilin 2019-08-23 14:48 評論0 收藏0
vue 無痕刷新

摘要：最近遇到一個需求，需要刷新當(dāng)前頁面來更新數(shù)據(jù)，網(wǎng)上找了很多方法，在這里做個總結(jié)。這里主要記錄三種方法，分別是強制刷新偽造刷新無痕刷新。最近遇到一個需求，需要刷新當(dāng)前頁面來更新數(shù)據(jù)，網(wǎng)上找了很多方法，在這里做個總結(jié)。這里主要記錄三種方法，分別是：強制刷新、偽造刷新、無痕刷新。強制刷新 window.location.reload()，原生 js 提供的方法； this.$...

AndroidTraveler 2019-08-26 12:23 評論0 收藏0