FastComments Vue 2 Library
Dit is de officiële Vue 2-bibliotheek voor FastComments.
FastComments commentaarwidgets voor Vue 2
Repository
Installatie 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueGebruik
De Reactie-widget
De FastCommentsVue-component bevat de live FastComments-reactie-widget.
Vervang "demo" hieronder door uw "tenantId" - beschikbaar hier in het FastComments-beheergebied.
De widget ondersteunt veel opties - zie 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>Bijwerken van de huidige pagina (SPA-voorbeeld)
Bij FastComments noemen we de artikel-id, of de pagina waaraan de reacties gekoppeld zijn, de URL ID omdat het een url of een ID kan zijn. Definieer de URL ID op de volgende manier. De component let op wijzigingen in het config-object en zal opnieuw laden, dus je kunt gewoon de instellingen "url" en "urlId" bijwerken.
Zie een volledig werkend voorbeeld hier.
Voer het voorbeeld voor paginering uit via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Accountregio (LET OP: EU-klanten)
Als je account zich in de EU bevindt, stel dan region = 'eu' in de widgetconfiguratie in, bijvoorbeeld:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Anders hoef je region niet te definiëren.
In productie
Je wilt de config waarschijnlijk niet inline definiëren als je callbacks enz. doorgeeft. In plaats daarvan wil je de config in een computed-blok definiëren; anders zal elke keer dat je callback enz. wordt aangeroepen, het hele widget opnieuw renderen.
Hulp nodig?
Als u problemen ondervindt of vragen heeft over de Vue 2 Library, neem dan contact op via:
Bijdragen
Bijdragen zijn welkom! Bezoek de GitHub-repository voor richtlijnen voor bijdragen.