如何在 vue 中为 $emit 克隆鼠标事件

Question

我正在尝试

• 从 vue2 组件发出事件
• 让事件准确反映组件中发生的本机鼠标事件
• 并添加了两个字段 - canvasX 和 canvasX

我试过像这样添加字段：

evt.canvasX = x;
evt.canvasY = y;

并像这样发射：

this.$emit('mouseup', evt)

但在外部组件的处理程序中没有 canvasX 和 canvasX 的痕迹

禁止一一复制所有属性 - 有没有办法用新属性扩展事件？

Answer 1

您可以尝试创建一个继承原始事件属性的新事件数据对象。

this.$emit('mouseup', { ...evt, canvasX: x, canvasY: y })