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() {

    return <div {...{on: {customEvent: handler}}}></div>

}

Answer 3

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