vue typescript 父子組件間值的傳遞

父組件傳遞給子組件的值selectSendData：

 

 

 

<div class="msgRow">
    <div class="label">職業</div>
    <v-selectChoose :thisValue="selectSendData" @selectSend="propSelectMsg"></v-selectChoose>
    <!--<el-input class="rightText" v-model="user.profession" @click.native="zhiyeChoose" disabled="">選擇職業</el-input>-->
</div>

子組件接收數據：

 

 this.thisValue 這樣就可以取到值啦

// 接受父組件的值
@Prop({
    type: Object, // 父組件傳遞給子組件的數據類型
    required: false, // 是否必填
    default: ' ' // 默認值， 如果傳入的是 Object，則要 default: ()=>({}) 參數為函數
})  thisValue !: any;

監聽器監聽傳遞過來值的變化

@Watch('thisValue')
thisDddrFun(value:any) {}

子組件傳值給父組件：

 

 

@Emit('selectSend') send(selectValue: any){}; // send 處理給父組件傳值的邏輯

 

 

this.send(this.selectValue)

 

 

<v-selectChoose :thisValue="selectSendData" @selectSend="propSelectMsg"></v-selectChoose>