SSENSE/vue-carousel

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

Open

#224 aperta il 20 giu 2018

Vedi su GitHub
 (11 commenti) (0 reazioni) (0 assegnatari)JavaScript (513 fork)batch import
bughelp wantedquestion

Metriche repository

Star
 (1705 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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)

Guida contributor

Direzione di ricerca
Indaga il ciclo di aggiornamento infinito causato dall'uso di più istanze di carosello. Verifica se il componente carosello utilizza in modo improprio dati reattivi che attivano re render quando più istanze condividono uno stato globale. Cerca interazioni condivise di Vuex o event bus. Considera l'uso di chiavi univoche o isolamento dell'istanza.
Tech stack
vue
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Vue
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70