dexie/Dexie.js

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

Open

#1 528 ouverte le 31 mars 2022

Voir sur GitHub
 (6 commentaires) (0 réactions) (0 assignés)JavaScript (10 304 stars) (625 forks)batch import
contribution wantedgood first issue

Description

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()
      ))

Guide contributeur

Stack technique
javascriptvue
Domaine
frontenddatabase
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Basic knowledge of Dexie.jsVue 3 reactivity
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50
Direction de recherche
Check Dexie.js documentation for Vue integration, specifically if liveQuery supports reactive parameters. Look at existing examples or similar issues in the repository. Consider whether a Vue adapter is needed or if there is a workaround using watchEffect.