vue使用渲染函数onClick不工作。

Question

【已解决】看英文文档吧。没问题。中文的更新不及时

在线演示
https://codesandbox.io/s/autu...

使用官方文档的这种方式，没效果。。

app.component("input-component", {
  methods: {
    doThisInCapturingMode($event) { console.log("clicked"); },
    doThisOnce($event) { console.log(`keypressed ${$event.keyCode}`); },
    doThisOnceInCapturingMode() { console.log("mousehover"); },
  },
  render() {
    return Vue.h("div", [
      // Vue.h("h1", { onClick: ($event) => console.log("clicked", $event.target) }, "test"),
      Vue.h("input", { placeholder: "working", onClick: ($event) => console.log("clicked", $event.target) }),
      Vue.h("input", {
        placeholder: "not work",
        onClick: {
          handler: this.doThisInCapturingMode,
          capture: true,
        },
        onKeyUp: {
          handler: this.doThisOnce,
          once: true,
        },
        onMouseOver: {
          handler: this.doThisOnceInCapturingMode,
          once: true,
          capture: true,
        },
      }),
    ]);
  },
});

Answer 1

(function anonymous(
) {
with(this){return _c('input',{on:{"click":abc}})}
})

可以通过 compile 来查看
Vue.compile('<input @click="abc" />').render.toString()