0.2.1 • Published 6 years ago

@cookieseater/vue-yandex-share v0.2.1

Weekly downloads
436
License
MIT
Repository
github
Last release
6 years ago

Vue Yandex Share

vue-yandex-share позволяет интегрировать Блок "Поделиться" от Яндекса

DEMO

Установка

$ npm i @cookieseater/vue-yandex-share --save

Способ использования

  • Подключить глобально
// main.js
import Vue from 'vue';
import YandexShare from '@cookieseater/vue-yandex-share';

Vue.component('yandex-share', YandexShare);

И далее использовать в любых компонентах

  • Или импортировать непосредственно в компоненте
<template>
  <yandex-share :services="['vkontakte','facebook','twitter']" counter />
</template>

<script>
import YandexShare from '@cookieseater/vue-yandex-share';

export default {
  components: {
    YandexShare,
    // ...
  },
  // ...
};
</script>

Параметры

Более подробное описание находится на странице сервиса: https://tech.yandex.ru/share/doc/dg/api-docpage/

НазваниеТипОписаниеОбязателенПо умолчанию
servicesArrayСписок сервисов, список поддерживаемыхtruenull
counterBooleanОтображать счётчик публикацийfalsefalse
urlStringСсылка, которой нужно поделитьсяfalseТекущий url
titleStringЗаголовок, которым нужно поделитьсяfalseТекущий заголовок
descriptionStringТекст, которым нужно поделитьсяfalse''
imageStringИзображение, которым нужно поделитьсяfalsenull
contentByServiceObjectПараметры для отельных сервисов, подробнееfalse{}
verticalBooleanВертикальное направление списка вместо горизонтальногоfalsefalse
smallBooleanМаленький размер кнопок соцсетей вместо большихfalsefalse
langStringЯзыкfalse'ru'
limitNumberКоличество соцсетей, отображаемых в виде кнопокfalseundefined
bareBooleanОтключение стилей и вывод кнопок в виде текста (не будет работать если на странице несколько компонентов)falsefalse
copyBooleanПозиция кнопки Скопировать ссылку (last, first или hidden)false'last'
popupTopBooleanОткрытие pop-up вверх вместо внизfalsefalse
popupOuterBooleanOuter расположение pop-upfalsefalse

События

НазваниеПередаваемые данныеОписание
ready-Срабатывает при инициализации виджета
shareИдентификатор соцсетиСрабатывает при нажатии на кнопку соцсети
0.2.1

6 years ago

0.2.0

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago