vue中子傳父,父傳子的具體用法


先說明下父組件Login,子組件signCon

子拿到父數據可以通過,在子組件里面設置props:['name']的方法拿到。

 

首先在父組件中定義數據了:

data(){
Englishname:'lishishi'
}
<signCon :name="Englishname"/>

子組件中:

props:['name']

在子組件中的html中就可以使用了{{name}}

 

 

 

 

子傳父,想一想肯定是父組件想用子組件中的數據了

子組件中的html中有一個<button @click="go"><button/>

data(){
return{

sex:['男',‘女’]

}
}

methiods:{
  go(){

    this.$emit('thg',this.sex)
  }
}

在父組件中也就是Login里面找到子組件也就是<signCon @thg="shows"/>

methods:{

shows(e){

this.data=e

}

}

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM