1. 程式人生 > >子元件向父元件傳值,父元件向子元件傳值

子元件向父元件傳值,父元件向子元件傳值

子->父

例如:子向父傳遞flag

在子元件中想要傳出的的dom元素中新增事件

@click=”sendFlag”;

在vue的methods定義方法

sendFlag(){
let flag=this.flag;
this.$emit(‘send’,flag);
}

這樣就把值傳出來了,我們在父元件中接受就行,

父元件中接收值:

在接收的dom元素中新增事件:

@send=”getFlag”

在methods中定義一個方法

getFlag(flag){
this.flag2=flag;
}

這裡的flag2是需要在data中定義的,flag是子元件中send出來的值

父->子

在父元件中新增所想要傳出的值

:send=”senddata”

這裡的send是傳出到子元件,需要接受的值的名稱,然而senddata是接收 的真實的資料,

在子元件中

export default {
props:[‘send’]
}

這樣就可以在子元件中使用父元件傳出的send值,

這是一點簡單介紹希望能對你們起到一定的幫助,謝謝你們的瀏覽,,,