vue3的render函数绑定点击事件失败

 app.component("child", {
        props: ["count"],
        methods: {
          handleClick() {
            console.log("test");
          },
        },
        render() {
          const { h } = Vue;
          return h(
            "div",
            {
              on: {
                click: this.handleClick,
              },
              style: {
                cursor: "pointer",
              },
            },
            " count: " + this.count
          );
        },
      });

代码如上，我想使用render函数创建一个组件模板，并且给该组件绑定一个点击事件，为什么不能成功？应该怎么写，上面是我百度的写法。可这写法写上去，只是让html代码多一个on的属性，和事件没什么关系。

<div on="[object Object]" test="test" style="cursor: pointer;"> count: 1</div>

vue3中需要使用onClick驼峰写法，这样写就生效，具体参考官方文档：https://v3.cn.vuejs.org/guide/render-function.html#h-%E5%8F%82%E6%95%B0

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps: 问答会员年卡【8折】购 ，限时加赠IT实体书，即可 享受50次 有问必答服务，了解详情>>>https://t.csdnimg.cn/RW5m

this指向问题