在vue中如何做到子组件向父组件传值

来源：动视网责编：小OO 时间：2020-11-27 19:41:16

在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这么写。

推荐度：

点击下载本文 文档为doc格式

导读子组件注册触发事件，父组件注册触发子组件事件后的方法写在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这么写。

下面我就为大家分享一篇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);
 }
 }

上面是我整理给大家的，希望今后会对大家有帮助。

通过在vue项目中使用ueditor（详细教程）

通过在vue项目中引入noVNC远程桌面的方法步骤有哪些

利用nodejs爬虫使用superagent和cheerio的方法

在vue中如何做到子组件向父组件传值

推荐度：

点击下载本文 文档为doc格式

标签： VUE vue如何如何传

热门焦点

在vue中如何做到子组件向父组件传值

在vue中如何做到子组件向父组件传值

在vue中如何做到子组件向父组件传值

最新推荐

猜你喜欢

热门推荐