問題描述

大致意思：表格是父組件，模態(tài)框是子組件，點(diǎn)擊父組件表格的操作按鈕，需要把當(dāng)前點(diǎn)擊的這一條數(shù)據(jù)傳給模態(tài)框顯示，使用了props傳值，因?yàn)樽咏M件的data只初始化了一次props的值，當(dāng)點(diǎn)擊父組件按鈕的時(shí)候，props的值并沒有動(dòng)態(tài)的更新到子組件data上，使用了watch解決，因?yàn)槌绦蛑幸呀?jīng)使用了大量的watch，wacth過多是否會(huì)影響程序性能，請(qǐng)問還有沒有更好的解決辦法

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

// 父組件傳值

"a", {
    style: {
        marginRight: "8px"
    },
    on: {
    click: () => {
        this.modalShow = true;            // 點(diǎn)擊按鈕 模態(tài)框打開 true
        this.instanceInfo = params.row;  // 點(diǎn)擊按鈕動(dòng)態(tài)傳給子組件模態(tài)框的值
        }
    }
},
"續(xù)費(fèi)"

// 子組件接收

// modalShow 為true或者false  判斷模態(tài)框是否打開了
// instanceInfo是我需要的動(dòng)態(tài)的值
props: ['modalShow', 'instanceInfo'],
data() {
    return {
        xuFeiTableData: []   // 接收父組件動(dòng)態(tài)傳過來(lái)的值instanceInfo
    };
},
watch: {
    // 監(jiān)聽模態(tài)框是否打開了 打開了則把props傳過來(lái)的當(dāng)前實(shí)例屬性的值給xuFeiTableData
    modalShow: function (newValue, oldValue){
        this.xuFeiTableData = [];
        if(newValue == true){
            this.xuFeiTableData.push(this.instanceInfo);  
        }
    }
}

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

更好的解決子組件 動(dòng)態(tài)取到父組件的值？