vue父组件定义的事件不执行

Question

html部分：

  <i-timeline-item v-for="(item, index) in item.dueTodayList" :key="index" v-on:click="mouseOverPlanItem">
     <h2 class="time">{{item.platTime}}</h2>
   </i-timeline-item>

在该vue实例下的methods中定义如下：

  mouseOverPlanItem (e) {
    console.log('...')
  }

如果我事件绑定在上面的h2中，事件能正常执行，但是如果我事件绑定在i-timeline-item组件中，事件就没有反应，请各位帮忙看看，谢谢!

Answer 1

加上一个.native就好了，因为是要在某个组件的根元素上监听一个原生事件。给组件绑定原生事件

Answer 2

@click="mouseOverPlanItem" 写在组件上 相当于监听子组件的方法
在子组件 定义click方法 里面调用 this.$emit('click') 可以传递 click 事件
去看父子组件通信

Answer 3

应该在子组件中添加click时间，然后emit出来这个事件才正确的，建议多读一下官网的这个，写的很详细

Answer 4

这是在监听子组件的click事件,在子组件内部定义一个事件用来emit这个click事件就行了