在vue中如何做到子组件向父组件传值
程序员文章站
2022-04-07 15:47:24
...
下面我就为大家分享一篇vue 子组件向父组件传值方法,具有很好的参考价值,希望对大家有所帮助。
子组件注册触发事件,父组件注册 触发子组件事件后的方法写在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); } }
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
利用nodejs爬虫使用superagent和cheerio的方法
以上就是在vue中如何做到子组件向父组件传值的详细内容,更多请关注其它相关文章!
上一篇: Chart.js 轻量级HTML5图表绘制工具库使用详解
下一篇: 作用域和闭包详解