Vue jsx onClick 点击事件无效，无法触发

在Vue3 环境中用 @vue/babel-plugin-transform-vue-jsx 就会导致onClick 事件失效

解决

Vue2 用 @vue/babel-plugin-transform-vue-jsx 插件

Vue3 用 @vue/babel-plugin-jsx 插件

 babel.config

{
  presets: [...],
  plugins: ['@vue/babel-plugin-jsx'],
};

代码

import {defineComponent, h} from 'vue';
export default defineComponent({
    methods: {
        handleClick(){
            // ... 
        }
    },
    render(){
        return <div onClick={this.handleClick}>text</div>
    }
})