天天看點

[vue.js]解決子元件無法擷取父元件store中的值的問題

子元件:

props:['myDetail']
           

父元件:

<子元件 :myDetail="detail"></子元件>

computed:{
    detail(){
        return this.$store.state.XXXX.yyyy
    }
}
           

子元件的參數值不會随着父元件store中參數值的改變而改變

修改為

父元件:

data:{
detail:{}
}

methods:{
    reloadDetail(){
        this.detail=JSON.parse(JSON.stringify(this.$store.state.XXXX.yyyy));
    }
}
           

調用reloadDetail方法,以及必須加上JSON.parse(JSON.stringify())方法,子元件的值才會随着父元件參數值的變化而變化