鍍金池/ 問(wèn)答/HTML/ JSX中綁定vue @on-click

JSX中綁定vue @on-click

<t-dropdown-item onClick={() => this.event}>添加子菜單</t-dropdown-item>

如上編寫，點(diǎn)擊無(wú)效，需在 t-dropdown-item 結(jié)構(gòu)中新增標(biāo)簽，如下：

<t-dropdown-item>
    <a onClick={() => this.event}>添加子菜單</a>
</t-dropdown-item>

上述方式能生效，但是我想直接綁定 t-dropdown-item 組件提供的 on-click 方法，vue 示例代碼：

<t-dropdown-item @on-click="event">添加子菜單</t-dropdown-item>

如何轉(zhuǎn)化為 JSX 寫法？

回答
編輯回答
女流氓

<t-dropdown-item on-on-click={() => this.event()}>

2017年12月31日 10:28
編輯回答
愛(ài)礙唉

換成nativeOnClick
<t-dropdown-item nativeOnClick={() => this.event}>添加子菜單</t-dropdown-item>

2017年10月1日 23:15
編輯回答
不討囍

綁定事件寫法為v-on:click或者簡(jiǎn)寫@click.

2018年3月9日 02:58
編輯回答
櫻花霓

需要在組件<t-dropdown-item>綁定click事件 this.$emit('addclick') ,
<t-dropdown-item on-addclick={() => this.addclicks()}>

2017年1月2日 22:22