码迷,mamicode.com
首页 > 其他好文 > 详细

Vue猜坑记录

时间:2018-12-16 15:18:37      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:tle   事件   lists   title   调用   eth   无效   handle   使用   

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猜坑记录

标签:tle   事件   lists   title   调用   eth   无效   handle   使用   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!