Vue猜坑记录

Posted 2021-01-27

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)
    }
},