Vue.js связывает события с элементами изображения SVG

Question

Я ищу возможность привязать директивы Vue.js к элементам в SVG. Например, у меня есть изображение SVG, созданное в inkscape, ключевые элементы этого изображения имеют идентификаторы

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

Мне удалось загрузить SVG с vue-svg-loader в качестве компонента, но он не учитывает, что находится внутри SVG. Я также попытался добавить директивы в SVG в inkscape и загрузить в виде простого текста в тег, но затем Vue требуется какая-то перекомпиляция.
Есть ли более красивый способ добраться до элементов внутри SVG?

Answer 1

Я рекомендую использовать anime.js, я также работаю с vue js, а для анимации используйте anime.jsi