Vue.js将事件绑定到SVG图像元素

Question

我正在寻找一种将Vue.js指令绑定到SVG中的元素的选项。例如，我在inkscape中创建了SVG图像，该图像的关键元素具有ID

<svg>
  ...
  <g id="layer 1" inkscape:label="layer 1">
    ...
    <g id="active_element1">
      <img inkscape:export-filename="important_element1.png">

我能够使用vue-svg-loader作为组件加载SVG，但它没有考虑SVG内部的内容。我还尝试在inkscape中向SVG添加指令，并将其作为纯文本加载以进行标记，但是Vue需要某种重新编译。
有没有更漂亮的方法可以访问SVG中的元素？

Answer 1

我建议使用anime.js，我也可以使用vue js，对于动画，请使用anime.jsi