vue使用watch監(jiān)聽(tīng)拿到props的傳值

<script>
    export default {
        data() {
            return {
                floorData0: {},
                floorData1: {},
                floorData2: {},
            }
        },
        props:['floorData'],
        watch:{
            floorData:val => {
                console.log(this.floorData);
                this.floorData0 = this.floordata[0];
                this.floorData1 = this.floordata[1];
                this.floorData2 = this.floordata[2];
            }
        }
    }
</script>

在floorData傳值成功的前提下,有時(shí)候會(huì)出現(xiàn)直接在 watch 里面通過(guò) this.floorData 是無(wú)法拿到的,總是顯示 undefined。然后需要通過(guò) newVal和oldVal這么處理,才能拿到 floorData 的值:

        watch:{
            floorData:(newVal,oldVal) => {
                console.log(newVal);
                this.floorData0 = newVal[0];
                this.floorData1 = newVal[1];
                this.floorData2 = newVal[2];
            }
        }
?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • # 傳智播客vue 學(xué)習(xí)## 1. 什么是 Vue.js* Vue 開(kāi)發(fā)手機(jī) APP 需要借助于 Weex* Vu...
    再見(jiàn)天才閱讀 3,786評(píng)論 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,771評(píng)論 1 45
  • 三八理論,就是上帝給了每個(gè)人每天公平的三個(gè)8小時(shí),第一個(gè)8小時(shí)大家都在工作,第二個(gè)8小時(shí)大家都在睡覺(jué),人與人的區(qū)別...
    涼王_4801閱讀 825評(píng)論 0 0
  • 去年夏天,我和一位朋友一起從國(guó)外回來(lái),在機(jī)場(chǎng),朋友給他兒子買了好幾種零食,然后又給父母親,給妻子買禮物,給同事們買...
    楊仲凱律師閱讀 898評(píng)論 1 6
  • 2017年5月30日,月末,端午。 小長(zhǎng)假三天,私心覺(jué)得三天假期完全當(dāng)不起一個(gè)“長(zhǎng)”字。以擔(dān)心焦慮開(kāi)始了的這個(gè)假期...
    與張白水閱讀 245評(píng)論 0 0

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