溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

vue-cli學(xué)習(xí)——Vue.set()

發(fā)布時(shí)間：2020-07-23 11:00:18 來(lái)源：網(wǎng)絡(luò) 閱讀：2584 作者：伊伊吖吖 欄目：web開(kāi)發(fā)

使用場(chǎng)景：

        當(dāng)給予對(duì)象一個(gè)不存在的屬性字段時(shí)，直接賦值不會(huì)觸發(fā)視圖更新

        在官方文檔上的看到的說(shuō)明是：

            向響應(yīng)式對(duì)象中加一個(gè)屬性，并確保這個(gè)新屬性同樣是響應(yīng)式的，且觸發(fā)視圖更新

例子：

    寫(xiě)一個(gè)點(diǎn)擊事件的方法，方法體內(nèi)容：

        if(!this.food.count){

            this.food.count = 1;

        }

    因?yàn)閏ount字段不在this.food(由父組件通過(guò)axios傳遞給子組件的數(shù)據(jù))里，所以點(diǎn)擊時(shí)不會(huì)觸發(fā)視圖更新

解決問(wèn)題:

    import Vue from 'vue'

    Vue.set(this.food,'count',1)

參數(shù)解讀：

        target：要更改的數(shù)據(jù)源(可以是對(duì)象或者數(shù)組)

        key：要更改的具體數(shù)據(jù)

   value ：重新賦的值

   


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手