快捷導(dǎo)航

vue.js 子組件無法獲取父組件store值的解決方式

更新時間：2019年11月08日 15:22:25 作者：programmer1024

今天小編就為大家分享一篇vue.js 子組件無法獲取父組件store值的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

子組件：

props:['myDetail']

父組件：

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

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

子組件的參數(shù)值不會隨著父組件store中參數(shù)值的改變而改變

修改為

父組件：

data:{
detail:{}
}

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

調(diào)用reloadDetail方法，以及必須加上JSON.parse(JSON.stringify())方法，子組件的值才會隨著父組件參數(shù)值的變化而變化

以上這篇vue.js 子組件無法獲取父組件store值的解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

徹底搞懂并解決vue-cli4中圖片顯示的問題實現(xiàn)
這篇文章主要介紹了徹底搞懂并解決vue-cli4中圖片顯示的問題，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
vue3如何使用provide實現(xiàn)狀態(tài)管理詳解
Vue3中有一對新增的api，provide和inject,熟悉Vue2的朋友應(yīng)該明,這篇文章主要給大家介紹了關(guān)于vue3如何使用provide實現(xiàn)狀態(tài)管理的相關(guān)資料,需要的朋友可以參考下
2021-10-10
vue中data里面的數(shù)據(jù)相互使用方式
這篇文章主要介紹了vue中data里面的數(shù)據(jù)相互使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
vue的路由映射問題及解決方案
這篇文章主要介紹了vue的路由映射問題及解決方案,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-10-10
vue中對接Graphql接口的實現(xiàn)示例
本文主要介紹了vue中對接Graphql接口的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
Monaco?Editor開發(fā)SQL代碼提示編輯器實例詳解
這篇文章主要為大家介紹了Monaco?Editor開發(fā)SQL編輯器實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
Vue3實現(xiàn)自定義Input組件的示例詳解
這篇文章主要為大家詳細介紹了如何使用Vue3自定義實現(xiàn)一個類似el-input的組件,可以v-model雙向綁定,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-03-03
vue 使用class創(chuàng)建和清除水印的示例代碼
這篇文章主要介紹了vue 使用class創(chuàng)建和清除水印的示例代碼，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
2020-12-12
vue中element-ui組件默認css樣式修改的四種方式
在前端項目中會運用各種組件,有時組件的默認樣式并不是你項目中所需要的,你需要更改樣式,下面這篇文章主要給大家介紹了關(guān)于vue中element-ui組件默認css樣式修改的四種方式,需要的朋友可以參考下
2021-10-10
vue.js綁定class和style樣式（6）
這篇文章我們將一起學(xué)習(xí)vue.js實現(xiàn)綁定class和style樣式，感興趣的小伙伴們可以參考一下
2016-12-12