dexie/Dexie.js

How to use liveQuery() in Vue with reactive query paramters

Open

#1528 aperta il 31 mar 2022

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)JavaScript (625 fork)batch import
contribution wantedgood first issue

Metriche repository

Star
 (10.304 star)
Metriche merge PR
 (Merge medio 2g 5h) (3 PR mergiate in 30 g)

Descrizione

I want to implement a pagination， Did Vue have reactive query variable like React hooks useLiveQuery() second parameter deps?

const limit = ref(50);
const items = useObservable(liveQuery(
        () =>
         db.orderBy("creat")
            .limit(limit.value)  // the limit is reavtive ref, but change limit not triger the items change.
            .toArray()
      ))

Guida contributor

Direzione di ricerca
Controlla la documentazione di Dexie.js per l'integrazione con Vue, in particolare se liveQuery supporta parametri reattivi. Esamina gli esempi esistenti o issue simili nel repository. Considera se è necessario un adattatore per Vue o se esiste una soluzione alternativa utilizzando watchEffect.
Tech stack
javascriptvue
Dominio
frontend
Tipo issue
Funzionalità
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.
Abbastanza chiara
Prerequisiti
VueDexie
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70