Vue this.$forceUpdate() 強(qiáng)制刷新數(shù)據(jù)

在Vue組件中,在mounted階段調(diào)用了一個(gè)函數(shù)去請(qǐng)求異步數(shù)據(jù),將返回結(jié)果賦給data里面的值卻失敗了,賦值完console.log()出來(lái)明明是有值的,但頁(yè)面卻沒(méi)有更新過(guò)來(lái)。我還一直以為是nuxt生命周期的原因,但明顯不是。因?yàn)檫@個(gè)問(wèn)題只有在偶爾才會(huì)出現(xiàn),并不是每次進(jìn)入頁(yè)面時(shí)渲染都會(huì)有這個(gè)問(wèn)題。
然后我就想到以前用過(guò)的this.$forceUpdate()方法,在函數(shù)中賦值完成以后,只要執(zhí)行this.$forceUpdate()去強(qiáng)制刷新數(shù)據(jù),就不會(huì)有這個(gè)問(wèn)題出現(xiàn)了,至于這個(gè)bug為什么會(huì)出現(xiàn),我還沒(méi)有想明白。

總結(jié),以后在vue中遇到賦值失敗的,盡管試試this.$forceUpdate(),有奇效~

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

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

  • vue的核心是什么? Vue 的核心設(shè)計(jì)理念可以概括為以下 5 個(gè)關(guān)鍵要素,這些要素共同構(gòu)成了 Vue 的獨(dú)特優(yōu)勢(shì)...
    Aniugel閱讀 10,242評(píng)論 3 21
  • Vue組件刷新解決方案: 刷新整個(gè)頁(yè)面 使用v-if標(biāo)記 forceUpdate key-changing 1.刷...
    子語(yǔ)喵閱讀 4,307評(píng)論 0 3
  • 在項(xiàng)目中會(huì)有一種場(chǎng)景,例如:在酒店詳情頁(yè)面中,最下面有一個(gè)推薦類似酒店的列表,此時(shí)點(diǎn)擊之后業(yè)務(wù)邏輯依然是當(dāng)前頁(yè)面,...
    喲西大人1閱讀 914評(píng)論 1 1
  • 1.刷新整個(gè)頁(yè)面 使用v-if 3.使用this.$forceUpdate()方法 4.使用key-changin...
    鋼鐵蘿莉貓閱讀 5,515評(píng)論 0 0
  • 1. Vue.js介紹 Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過(guò)盡可...
    哈雷_瑞星閱讀 529評(píng)論 0 1

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