FastComments Vue 2 Library
Dies ist die offizielle Vue 2-Bibliothek für FastComments.
FastComments Kommentar-Widgets für Vue 2
Repository
Installation 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueVerwendung
Das Kommentar-Widget
Die FastCommentsVue-Komponente enthält das Live-FastComments-Kommentar-Widget.
Ersetzen Sie "demo" unten durch Ihre "tenantId" - verfügbar hier im FastComments-Adminbereich.
Das Widget unterstützt viele Optionen - siehe FastCommentsConfig hier.
<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>Aktualisieren der aktuellen Seite (SPA-Beispiel)
Bei FastComments bezeichnen wir die Artikel-ID bzw. die Seite, an die Kommentare gebunden werden, als URL-ID, da es sich dabei um eine URL oder eine ID handeln kann. Definieren Sie die URL-ID auf folgende Weise. Die Komponente überwacht Änderungen im config-Objekt und lädt neu, sodass Sie einfach die Einstellungen "url" und "urlId" aktualisieren können.
Ein vollständiges, funktionierendes Beispiel finden Sie hier.
Starten Sie das Paginierungsbeispiel mit:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Kontoregion (ACHTUNG: EU-Kunden)
Wenn sich Ihr Konto in der EU befindet, setzen Sie region = 'eu' in der Widget-Konfiguration, zum Beispiel:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Andernfalls müssen Sie region nicht definieren.
Im Produktivbetrieb
Vermutlich möchten Sie die Konfiguration nicht inline definieren, wenn Sie Callbacks usw. übergeben. Stattdessen sollten Sie
die Konfiguration in einem computed-Block definieren, ansonsten wird jedes Mal, wenn Ihr Callback usw. aufgerufen wird, das gesamte Widget neu gerendert.
Brauchen Sie Hilfe?
Wenn Sie auf Probleme stoßen oder Fragen zur Vue 2 Library haben, bitte:
Mitwirken
Beiträge sind willkommen! Bitte besuchen Sie das GitHub-Repository für Richtlinien zur Mitwirkung.