vue強(qiáng)制重新渲染組件

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

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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109907.html

相關(guān)文章

react-lazy-load粗讀

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

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

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

fnngj 2019-08-23 14:40 評(píng)論0 收藏0
Vue基本語(yǔ)法

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

ShevaKuilin 2019-08-23 14:48 評(píng)論0 收藏0
vue 無痕刷新

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

AndroidTraveler 2019-08-26 12:23 評(píng)論0 收藏0