25.03.2021

Автор: Misterzym

1 Star2 Stars3 Stars4 Stars5 Stars
Загрузка...

Vue.js — библиотека кнопок «поделиться» в соц. сетях

Писал на Vue.js проект, калькулятор-тулза для сео сайта. Само собой клиент захотел, что бы удобной утиллитой можно ыло легко делиться в соц. сетях и таким образом распространять ее.

Тут я задумался — обычно всегда брал плагины jQuery, но в этом проекте его нет, подключать ради одной функции не лучшая идея.. Искать начал готовые решения, и нашел библиотеку vue-share-buttons. Все здорово, но вот беда — в моем дизайн-макете иконки не стандартные, а она не поддерживает смену иконок.

Ищем гит, скачиваем, смотрим код

 

Отлично, есть параметр скрытия иконки — просто добавим в шаблон вывод своей картинки, а в JS — передачу параметра:

И вот результат, теперь легко при вызове компонента указать свои иконки социальных сетей. Вот так это делается:

Ссылочка на мой форк компонента (так же убрал sass — скомпилировал сразу все, на некоторых пк сложности с билдом sass).

  • Комментарии VK