在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/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實例下的methods中定義如下:

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

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

回答
編輯回答
好難瘦

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

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

加上一個.native就好了,因為是要在某個組件的根元素上監(jiān)聽一個原生事件。給組件綁定原生事件

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

應該在子組件中添加click時間,然后emit出來這個事件才正確的,建議多讀一下官網的這個,寫的很詳細

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

這是在監(jiān)聽子組件的click事件,在子組件內部定義一個事件用來emit這個click事件就行了

2018年9月23日 03:35