vue 使用 jsx 渲染页面，如何绑定自组件的的自定义事件。

Question

jsx 中使用 onClick={ this.click } 可以绑定 click 事件。
如何绑定自定义事件.
onXXXEvent={ this.xxx } 没反映

Answer 1

我也遇到了这个问题，找了半天没找到答案，我用的是`vue3 + tsx`自定义组件内触发自定义事件context.emit('search')父级内接收用onSearch={ fetchData }props有错误提示on-search={ fetchData }没反应后来我用了  { ...{ on: { search: fetchData } } }没报错，也没反应后来我又这个就好用了 { ...{  onSearch: fetchData } }很不理解，但是确实好用了

Answer 2

render() {&nbsp; &nbsp; return <div {...{on: {customEvent: handler}}}></div>}

Answer 3

事件名字前面直接加 on- 就好了 比如 on-custom-event={handler}