JSX中绑定vue @on-click

Question

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

如上编写，点击无效，需在 t-dropdown-item 结构中新增标签，如下：

<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>

如何转化为 JSX 写法？

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

绑定事件写法为v-on:click或者简写@click.