SSENSE/vue-carousel

Question: How can I render two carousel on one page with nuxt?

Open

#224 geöffnet am 20. Juni 2018

Auf GitHub ansehen
 (11 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (513 Forks)batch import
bughelp wantedquestion

Repository-Metriken

Stars
 (1.705 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

I have a problem with nuxt:

If I use two carousel into one page, I get this error you may have an infinite update loop in a component render function And the first carousel doesn't have correct width/height

The template is like:

<div>
    <no-ssr>
        <carousel>
            <slide>
                ...
            </slide
            <slide>
                ...
            </slide
        </carousel>
    </no-ssr>
    ...
    ...

    <no-ssr>
        <carousel>
            <slide>
                ...
            </slide
            <slide>
                ...
            </slide
        </carousel>
    </no-ssr>
</div>

And plugin:

import Vue from 'vue'

import VueCarousel from 'vue-carousel'

Vue.use(VueCarousel)

Contributor Guide

Research-Richtung
Untersuchen Sie die unendliche Aktualisierungsschleife, die durch die Verwendung mehrerer Karussell Instanzen verursacht wird. Prüfen Sie, ob die Karussell Komponente reaktive Daten missbraucht, die bei mehreren Instanzen, die globalen Zustand teilen, erneutes Rendern auslösen. Suchen Sie nach geteilten Vuex oder Event Bus Interaktionen. Erwägen Sie die Verwendung eindeutiger Schlüssel oder Instanzisolierung.
Tech Stack
vue
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Vue
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70