首页 > 其他 > 详细

vue 子组件传值给父组件

时间:2019-01-22 23:29:57      阅读:214      评论:0      收藏:0      [点我收藏+]

子组件通过this.$emit("event",[args,....]),传值给父组件

HTML部分:

1     <div id="app">
2         <tmp1 @func="test"></tmp1>
3     </div>

JS部分:

 1     var app = new Vue({
 2         el: "#app",
 3         data: {},
 4         methods: {
 5             test(data) {
 6                 console.log("父组件中的方法---", data)
 7             }
 8         },
 9         components: {
10             "tmp1": {
11                 template: `<div>
12                     <h3>子组件h3</h3>
13                     <button @click="myClick">子组件的按钮</button>
14                 </div>`,
15                 methods: {
16                     myClick() {
17                         this.$emit(‘func‘, "我是从子组件传过来的数据呀!");
18                     }
19                 }
20             }
21         }
22     });

 

结果:

技术分享图片

 

vue 子组件传值给父组件

原文:https://www.cnblogs.com/chenzongyan/p/10306669.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!