首页 > 其他 > 详细

Vue猜坑记录

时间:2018-12-16 15:16:25      阅读:159      评论:0      收藏:0      [点我收藏+]
1、使用this.$emit 子组件向父组件传递事件以及携带数据
在标签内调用 methods:{ } 中的方法时候是不能够加()的,一定是直接写方法名称即可, 否则传递的参数数据无效。

<list v-show="listShow" :listData="listData" @titleHandle = "showTitle"></list>
这里的titleHandle是监听子组件传递过来的事件(带有参数),showTitle是父组件监听成功之后在父组件内执行的方法,【注意这里@titleHandle = "showTitle"的showTitle后面不能加(),里面也不能传参】
子组件:
methods:{
    getTitle(title){
        this.$emit(‘titleHandle‘,title)
    }
},
父组件:
methods: {
    showTitle(title){
        console.log(title)
    }
},

Vue猜坑记录

原文:http://blog.51cto.com/9161018/2331086

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