子组件向父组件传递消息
1、使用父组件直接使用$refs获取
父组件直接接收
<Identify ref="identifyChild"></Identify>
mounted () {
// 获取子组件传回的验证码信息,childMessage是子组件定义的变量名
this.message=this.$refs.identifyChild.childMessage
},
2、子组件使用$emit传递,父组件再接收
子组件传递消息
this.$emit('sendBackMessage',this.childMessage )
父组件接收消息
<Identify @sendBackMessage="sendBackMessage"></Identify>
methods:{
sendBackMessage(value){
this.message = value;
}
}
后续方法持续更新~
文章介绍了两种在Vue.js框架下实现子组件向父组件通信的方式:一是通过$refs直接访问子组件属性;二是利用$emit触发自定义事件,父组件通过事件监听接收数据。这两种方法是Vue中常见的父子组件间通信手段。

2759

被折叠的 条评论
为什么被折叠?



