欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2019年11月08日 15:22:25   作者：programmer1024  
今天小編就為大家分享一篇vue.js 子組件無(wú)法獲取父組件store值的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

子組件：

props:['myDetail']

父組件：

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

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

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

修改為

父組件：

data:{
detail:{}
}

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

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

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

相關(guān)文章

  • 徹底搞懂并解決vue-cli4中圖片顯示的問(wèn)題實(shí)現(xiàn)

    徹底搞懂并解決vue-cli4中圖片顯示的問(wèn)題實(shí)現(xiàn)

    這篇文章主要介紹了徹底搞懂并解決vue-cli4中圖片顯示的問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • vue3如何使用provide實(shí)現(xiàn)狀態(tài)管理詳解

    vue3如何使用provide實(shí)現(xiàn)狀態(tài)管理詳解

    Vue3中有一對(duì)新增的api，provide和inject,熟悉Vue2的朋友應(yīng)該明,這篇文章主要給大家介紹了關(guān)于vue3如何使用provide實(shí)現(xiàn)狀態(tài)管理的相關(guān)資料,需要的朋友可以參考下
    2021-10-10
  • vue中data里面的數(shù)據(jù)相互使用方式

    vue中data里面的數(shù)據(jù)相互使用方式

    這篇文章主要介紹了vue中data里面的數(shù)據(jù)相互使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-06-06
  • vue的路由映射問(wèn)題及解決方案

    vue的路由映射問(wèn)題及解決方案

    這篇文章主要介紹了vue的路由映射問(wèn)題及解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-10-10
  • vue中對(duì)接Graphql接口的實(shí)現(xiàn)示例

    vue中對(duì)接Graphql接口的實(shí)現(xiàn)示例

    本文主要介紹了vue中對(duì)接Graphql接口的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • Monaco?Editor開(kāi)發(fā)SQL代碼提示編輯器實(shí)例詳解

    Monaco?Editor開(kāi)發(fā)SQL代碼提示編輯器實(shí)例詳解

    這篇文章主要為大家介紹了Monaco?Editor開(kāi)發(fā)SQL編輯器實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-08-08
  • Vue3實(shí)現(xiàn)自定義Input組件的示例詳解

    Vue3實(shí)現(xiàn)自定義Input組件的示例詳解

    這篇文章主要為大家詳細(xì)介紹了如何使用Vue3自定義實(shí)現(xiàn)一個(gè)類似el-input的組件,可以v-model雙向綁定,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-03-03
  • vue 使用class創(chuàng)建和清除水印的示例代碼

    vue 使用class創(chuàng)建和清除水印的示例代碼

    這篇文章主要介紹了vue 使用class創(chuàng)建和清除水印的示例代碼，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
    2020-12-12
  • vue中element-ui組件默認(rèn)css樣式修改的四種方式

    vue中element-ui組件默認(rèn)css樣式修改的四種方式

    在前端項(xiàng)目中會(huì)運(yùn)用各種組件,有時(shí)組件的默認(rèn)樣式并不是你項(xiàng)目中所需要的,你需要更改樣式,下面這篇文章主要給大家介紹了關(guān)于vue中element-ui組件默認(rèn)css樣式修改的四種方式,需要的朋友可以參考下
    2021-10-10
  • vue.js綁定class和style樣式（6）

    vue.js綁定class和style樣式（6）

    這篇文章我們將一起學(xué)習(xí)vue.js實(shí)現(xiàn)綁定class和style樣式，感興趣的小伙伴們可以參考一下
    2016-12-12

最新評(píng)論