FastComments.com
Menu Icon

Језик 🇧🇦 Српски (БиХ)
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Документација

Демонстрација уживо
У продукцији
Статус одржавања

За почетак

Инсталација

Коришћење

Коришћење
Ажурирање тренутне странице (пример SPA апликације)

Add Comments to Your Vue 2 App

Ово је званична Vue 2 библиотека за FastComments.

FastComments коментарски видгети за Vue 2

Репозиторијум

Погледај на GitHub

Демонстрација уживо Internal Link

Да бисте видели сваки видџет и флов који се покрећу локално против јавног demo тенанта, клонирајте репозиторијум и покрените:

npm install
npm run serve

Пojedиначни демои такође имају своје улазне тачке (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) унутар dev/.

Инсталација Internal Link

NPM

npm install --save fastcomments-vue

Yarn

yarn add fastcomments-vue

Коришћење Internal Link

Видгет за коментаре

Компонента FastCommentsVue садржи видгет за коментаре FastComments који ради у реалном времену.

Замените "demo" доле са вашим "tenantId" - доступним овдје у администраторском делу FastComments.

Видгет подржава мноштво опција - погледајте FastCommentsConfig овдје.

<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';

export default Vue.extend({
  name: 'ServeDev',
  components: {
    FastCommentsVue
  }
});
</script>

<template>
  <div id="app">
    <fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
  </div>
</template>

Ажурирање тренутне странице (пример SPA апликације) Internal Link

У FastComments-у зовемо идентификатор чланка, односно странице за коју се коментари везују, URL ID јер може бити url или ID. Дефинишите URL ID на следећи начин. Компонента прати промјене у config објекту, и поново ће учитати, тако да можете једноставно ажурирати "url" и "urlId" поставке.

Погледајте потпуни примјер који ради овдје.

Покрените примјер пагинације помоћу:

npm run serve-pagination
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />

Регион налога (ПАЖЊА: купци из ЕУ)

Ако се ваш налог налази у ЕУ, подесите region = 'eu' у конфигурацији видгета, на примјер:

<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />

У супротном, не морате дефинисати region.

У продукцији Internal Link

Вјероватно не желите да дефинишете конфигурацију инлајн ако прослеђујете колбеке итд. Умјесто тога, желите да дефинишете конфигурацију у computed блоку, иначе ће се сваки пут када се ваш колбек итд. позове цео видгет поново рендеровати.

Погледајте примјер спинера како то урадити.

Статус одржавања Internal Link

Ове компоненте су омотачи око наших основних VanillaJS компонената. Можемо аутоматски ажурирати ове компоненте (поправљати грешке, додавати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко вријеме, то не значи да FastComments није у активној развоју! Слободно погледајте наш блог за ажурирања. Некомпатибилне промјене API-ја или нове функције никада неће бити уграђене у основну библиотеку без повећања верзије у овој библиотеци.

Treba vam pomoć?

Ako naiđete na bilo kakve probleme ili imate pitanja u vezi Vue 2 biblioteke, molimo:

Doprinosi

Doprinosi su dobrodošli! Molimo posjetite GitHub repozitorij za smjernice o doprinosu.

Допринесите овом водичу