Surzhikov
@Surzhikov
Разработчик

Как связать SVG Path с моделью Vue.JS?

Добрый день!

Есть svg изображение (встроеное inline в html). Оно содержит 6 объектов path ( голова, позвоночник, грудь, живот, руки, ноги – мини-атлас человеческого тела).
5beab9df2f759105220933.png

При клике на голову - нужно чтобы голова выделялась (добавляется класс active).
Как связать объекты path с vue.js data, чтобы при изменении свойства "area" модели выделялся нужный элемент path и наоборот, при клике на один из 6 path в data менялось значение "area".

Как сделать это на нативном JS вопросов не возникает, а вот на vue.js пока не понятно.
  • Вопрос задан
  • 382 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
например (поскольку свой svg вы решили не показывать, взял первый нагугленный)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы