FastComments Vue 2 Library
To jest oficjalna biblioteka Vue 2 dla FastComments.
Widżety komentowania FastComments dla Vue 2
Repozytorium
Instalacja 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUżycie
Widżet komentarzy
Komponent FastCommentsVue zawiera działający widżet komentarzy FastComments.
Zastąp poniżej "demo" swoim "tenantId" - dostępnym tutaj w panelu administracyjnym FastComments.
Widżet obsługuje wiele opcji - zobacz FastCommentsConfig tutaj.
<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>Aktualizacja bieżącej strony (przykład SPA)
W FastComments identyfikator artykułu lub strony, z którą powiązane są komentarze, nazywamy URL ID, ponieważ może to być url lub ID. Zdefiniuj URL ID w następujący sposób. Komponent nasłuchuje zmian w obiekcie config i przeładuje się, więc możesz po prostu zaktualizować ustawienia "url" i "urlId".
Zobacz pełny działający przykład tutaj.
Uruchom przykład paginacji za pomocą:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Region konta (UWAGA: klienci z UE)
Jeśli Twoje konto znajduje się w UE, ustaw region = 'eu' w konfiguracji widżetu, na przykład:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />W przeciwnym razie nie musisz definiować region.
W środowisku produkcyjnym
Prawdopodobnie nie chcesz definiować konfiguracji inline, jeśli przekazujesz callbacki itp. Zamiast tego będziesz chciał zdefiniować
konfigurację w bloku computed, w przeciwnym razie za każdym razem, gdy twój callback itp. zostanie wywołany, cały widżet zostanie ponownie wyrenderowany.
Zobacz przykład spinnera, aby dowiedzieć się, jak to zrobić.
Potrzebujesz pomocy?
Jeśli napotkasz jakiekolwiek problemy lub masz pytania dotyczące biblioteki Vue 2, prosimy:
Współtworzenie
Wkłady są mile widziane! Prosimy odwiedzić repozytorium GitHub w celu zapoznania się z wytycznymi dotyczącymi kontrybucji.