Javascript 单击元素时如何在Firefox中获取VueJS$事件？

我使用VueJS 2.3.0在用户单击菜单时更改图像和其他信息

菜单由VueJS模板从JSON数据源生成：

<template id=\"rac-menu\">
    <ul class=\"col-md-3\" v-show=\"!ajanlatkeres\">
        <li v-for=\"model in models\" model=\"model\">
            <a href=\"javascript:;\"
               class=\"rac_setactive\"
               v-on:click=\"setActive(\$event)\"
               :data-id=\"model.id\">
                   {{ model.name }}
             </a>
        </li>
    </ul>
</template>

在Chrome中，一切正常，但在Safari和Firefox中，我得到错误：TypeError:e.path未定义

---

如何修复此问题？

e.path是仅限chrome的属性。 尝试用e.target替换e.path[0]

如果这不起作用，就有composedPath。。

---

看看问题

e.path是chrome特有的属性。 尝试用e.target替换e.path[0]

如果这不起作用，就有composedPath。。

---

查看html call setActive only not setActive$事件中的问题，默认情况下：

<a href=\"javascript:;\"
   class=\"rac_setactive\"
   v-on:click=\"setActive\"
   :data-id=\"model.id\">
   {{ model.name }}
</a>

---

在html中，调用setActive only而不是setActive$事件，默认情况下：

<a href=\"javascript:;\"
   class=\"rac_setactive\"
   v-on:click=\"setActive\"
   :data-id=\"model.id\">
   {{ model.name }}
</a>

setActive: function(e) {
   bus.\$emit('set-rac-content', e.target.path[0].dataset.id);
}