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 пока не понятно.
  • Вопрос задан
  • 184 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
например (поскольку свой svg вы решили не показывать, взял первый нагугленный)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы