父元件非同步獲取資料向子元件傳值

2021-10-14 19:00:32 字數 711 閱讀 4852

父元件axios呼叫介面獲取資料傳給子元件,而子元件需要在mounted宣告函式中使用這個資料,正常情況下是取不到的,因為呼叫介面屬於非同步任務,初始的chartdata為空值。

此時可以通過以下方式處理:

父元件

"chartdata"

>

<

/chart-card>

export

default}}

,created()

)}}<

/script>

子元件

<

/div>

<

/a-card>

<

/div>

<

/template>

export

default}}

...}

,data()

}}, watch:},

mounted()

, methods:}}

<

/script>

<

/style>

利用watch監聽props接受的資料,當chartdata非同步接受到資料之後,便可以直接用handledata。

子元件向父元件傳值

子向父傳值 子元件像父元件傳值的本質就是,父向子傳遞方法,子呼叫這個方法,同時把 資料當作引數 傳遞給這個方法 父元件 goodsinfo.vue 子元件 goodsinfo numbox.vue 1.goodsinfo.vue 操作 1.匯入子元件 import numbox from compo...

vue子元件向父元件傳值。

1 子,父元件相互傳值。話不多說直接上 父元件向子元件傳值就是通過子元件定義的props 子元件 父元件 import modal from components common modal modal.vue import timecontrol from components common tim...

Vue父元件向子元件傳值

元件例項定義方式,注意 一定要使用props屬性來定義父元件傳遞過來的資料 建立 vue 例項,得到 viewmodel var vm newvue components script 使用v bind或簡化指令,將資料傳遞到子元件中 msg son div 原理 父元件將方法的引用,傳遞到子元件內...