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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue頭部導航動態(tài)點擊處理方法
這篇文章主要介紹了vue頭部導航動態(tài)點擊處理方法,文中通過一段示例代碼給大家介紹了vue實現(xiàn)動態(tài)頭部的方法，需要的朋友可以參考下
2018-11-11
詳解從零搭建 vue2 vue-router2 webpack3 工程
本篇文章主要介紹了詳解從零搭建 vue2 vue-router2 webpack3 工程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
Vue2/3?登錄后用戶無操作半小時后自動清除登錄信息退出登錄下線(示例代碼)
這篇文章主要介紹了Vue2/3?登錄后用戶無操作半小時后自動清除登錄信息退出登錄下線,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
2024-07-07
Vue使用openlayers實現(xiàn)繪制圓形和多邊形
這篇文章主要為大家詳細介紹了Vue如何使用openlayers實現(xiàn)繪制圓形和多邊形，文中的示例代碼講解詳細，感興趣的小伙伴快跟隨小編一起動手嘗試一下
2022-06-06
VUE實時監(jiān)聽元素距離頂部高度的操作
這篇文章主要介紹了VUE實時監(jiān)聽元素距離頂部高度的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07
vue和H5 draggable實現(xiàn)拖拽并替換效果
這篇文章主要為大家詳細介紹了vue和H5 draggable實現(xiàn)拖拽并替換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
vue移動端彈框組件的實例
今天小編就為大家分享一篇vue移動端彈框組件的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
vue?@click?@tap重疊事件區(qū)分方式
這篇文章主要介紹了vue?@click?@tap重疊事件區(qū)分方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-03-03
Vue實現(xiàn)點擊后文字變色切換方法
下面小編就為大家分享一篇Vue實現(xiàn)點擊后文字變色切換方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
在Vue2中注冊全局組件的兩種方法詳解
這篇文章主要介紹了在Vue2中注冊全局組件的兩種方法,非常的細致,需要的朋友可以參考下
2022-07-07