使用Vue 2和JSX绑定自定义事件
使用Vue 2和JSX绑定自定义事件
提问于 2017-05-01 21:39:59
我想在根标签上绑定自定义事件，而不是在mounted()中绑定它。因此，我尝试使用以下代码：
render (h) {
return (
<div on-custom-event={this.handleCustomEvent}></div>
)
}但是当我在Chrome上运行它时，我发现custom-event绑定到了不能使用$emit触发的DOM，但是使用VueJS 2的模板语法很容易做到：
<template>
<div @custom-event="handleCustomEvent"></div>
</template>请帮我解决这个问题，谢谢！
回答 2
Stack Overflow用户
发布于 2018-09-10 23:56:28
开派对有点晚了但是..。
要触发事件，您需要执行以下操作：
protected render(h: any) {
return (
<a onClick={(e: any) => this.$emit('test')}>
{this.$slots.default}
</a>
);
}要收听事件，请执行以下操作：
protected render(h: any) {
return (
<NavLink onTest={() => alert('clicked')}>
<i class='fa fa-bars'></i>
</NavLink>
);
}Stack Overflow用户
发布于 2017-05-01 22:22:49
根据the docs中的示例，JSX事件处理程序应该是驼峰式大小写，而不是kebab大小写，因此尝试如下所示：
render (h) {
return (
<div onCustomEvent={this.handleCustomEvent}></div>,
)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43720060
复制相关文章
相似问题