Binden eines benutzerdefinierten Ereignisses mit Vue 2 und JSX

Question

Ich möchte ein benutzerdefiniertes Ereignis an das Stamm-Tag binden, anstatt es in mounted() zu binden. Also versuche ich den folgenden Code:

render (h) { 
    return (
    <div on-custom-event={this.handleCustomEvent}></div> 
) 
} 

aber wenn ich es mit Chorme laufen, fand ich, dass custom-event wurde DOM gebunden, die nicht gebrannt werden kann $emit verwenden, aber mit Vue2 ‚s Template Syntax ist es einfach zu tun:

<template> 
    <div @custom-event="handleCustomEvent"></div> 
</template> 

Bitte helfen Sie mir bei diesem Problem, danke!

Answer 1

Gemäß Beispiel in the docs sollte der JSX Ereignishandler Kamel Fall sein, nicht Kebab-Fall, so versuchen, so etwas wie:

render (h) { 
    return (
    <div onCustomEvent={this.handleCustomEvent}></div>, 
) 
}