vue jsx 绑定onMouseDown事件失败

Question

vue jsx 绑定onMouseDown事件失败,但是绑定onClick事件是成功的的，没想通，不知道有人遇到过这种情况吗？求教

Answer 1

上面的你们该审审题了，题主是在vue中使用 JSX 语法，他的绑定方法是对的。https://cn.vuejs.org/v2/guide...
应该是onMousedown，而不是onMouseDown，不存在mouseDown这个事件。

Answer 2

改成 @mousedown，是可以的

Answer 3

看文档vue事件处理

• vue绑定事件一般 @事件名=事件处理函数 或者 v-on事件名=事件处理函数

Answer 4

在 React 或 Vue 中写 jsx, 需要在打包时转换为 js 执行代码(createElement 函数).

在 React 中写 onMouseDown(驼峰命名), 在打包转换时处理为 html 的原始事件 onmousedown (全小写).

而在 vue 的打包转换中, 并没有这里的处理, 所以需要直接写为 onmousedown. 或写为 on-mousedown, 打包转换会处理.

PS: 如果使用 ts 写 Vue jsx, 建议写成 on-mousedown, 不然会 jsx 语法校验报错.