【已解决】看英文文档吧。没问题。中文的更新不及时
在线演示
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,
},
}),
]);
},
});
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…