鍍金池/ 問(wèn)答/HTML/ vue父組件定義的事件不執(zhí)行

vue父組件定義的事件不執(zhí)行

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實(shí)例下的methods中定義如下：

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

如果我事件綁定在上面的h2中，事件能正常執(zhí)行，但是如果我事件綁定在i-timeline-item組件中，事件就沒(méi)有反應(yīng)，請(qǐng)各位幫忙看看，謝謝!

回答
編輯回答
好難瘦

@click="mouseOverPlanItem" 寫在組件上 相當(dāng)于監(jiān)聽(tīng)子組件的方法
在子組件 定義click方法 里面調(diào)用 this.$emit('click') 可以傳遞 click 事件
去看父子組件通信

2018年3月13日 06:48
編輯回答
笑忘初

加上一個(gè).native就好了，因?yàn)槭且谀硞€(gè)組件的根元素上監(jiān)聽(tīng)一個(gè)原生事件。給組件綁定原生事件

2017年2月14日 23:47
編輯回答
傻丟丟

應(yīng)該在子組件中添加click時(shí)間，然后emit出來(lái)這個(gè)事件才正確的，建議多讀一下官網(wǎng)的這個(gè)，寫的很詳細(xì)

2017年11月29日 02:07
編輯回答
維他命

這是在監(jiān)聽(tīng)子組件的click事件,在子組件內(nèi)部定義一個(gè)事件用來(lái)emit這個(gè)click事件就行了

2018年9月23日 03:35