子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面
父组件这么写
<component-a v-on:child-say="listenToMyBoy"></component-a> <p>Do you like me? {{childWords}}</p> methods: { listenToMyBoy: function (somedata){ this.childWords = somedata } }
子组件component-a这么写
<button v-on:click="onClickMe">like!</button> methods: { onClickMe: function(){ this.$emit('child-say',this.somedata); } }
以上这篇vue 子组件向父组件传值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- Vue.js中兄弟组件之间互相传值实例
- vue父组件向子组件动态传值的两种方法
- vue2.0 子组件改变props值,并向父组件传值的方法
- 浅谈Vue父子组件和非父子组件传值问题
- Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
- Vue父子组件双向绑定传值的实现方法
- 详解vue 组件之间使用eventbus传值
- Vue 组件传值几种常用方法【总结】
- vue2.0组件之间传值、通信的多种方式(干货)
- VUE兄弟组件传值操作实例分析