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