關於Vue專案中子元件中獲取父元件傳來的值為空。

2021-10-07 02:38:22 字數 583 閱讀 7839

我在專案中要做乙個九宮格**,我把這個九宮格作為乙個元件引入到我需要展示的頁面。

然而每次九宮格出來了,但是我傳來的資料列印都為空,

然後我發現我的九宮格子元件在我進入父元件頁面的時候就已經觸發了moutend鉤子,

於是我就想到了是否應該給這個子元件乙個開關。如下

"parentsdraw"

:showdraw=

"showdraw"

:drawdata=

"drawdata" @closedraw=

"closedraw"

>

<

/to-draw>

parentsdraw是我的開關

drawdata是我的想要傳給子元件的值,但一直獲取不到

showdraw是我顯示子元件的

closedraw是我子元件傳給父元件關閉這個九宮格的事件

ok 有了這個開關我就在沒顯示子元件之前裡面的鉤子都不會觸發,然後顯示子元件的時候把開關開啟,這樣子元件也能正常收到父元件傳來的值了

Vue 中子元件訪問父元件資料

官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...

vue中子元件向父元件傳值

子元件建立並監聽自定義函式,在自定義函式裡面指定this.emit 函式,通過this.emit 把想傳的值傳給父元件,父元件在子元件上監聽this.emit 中定義的事件名稱並繫結父元件自身的函式,在函式的引數中接收子元件傳遞的引數。1 父元件 父元件 home 父元件 父元件在子元件上監聽thi...

vue中子元件呼叫父元件的方法

父元件 子元件 點選 父元件 子元件 點選 父元件 子元件 點選 this.parent.event可以呼叫父元件身上的方法,無需繫結在子元件身上。補充 有時候會失效,暫未發現觸發點,不建議使用。emit可以呼叫父元件在子元件身上自定義的事件,需要用 字首。建議使用此種方式 props可以呼叫父元件...