dexie/Dexie.js

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

Open

#1.528 aberto em 31 de mar. de 2022

Ver no GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (625 forks)batch import
contribution wantedgood first issue

Métricas do repositório

Stars
 (10.304 stars)
Métricas de merge de PR
 (Mesclagem média 2d 5h) (3 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Verifique a documentação do Dexie.js para integração com Vue, especificamente se liveQuery suporta parâmetros reativos. Examine exemplos existentes ou issues semelhantes no repositório. Considere se um adaptador Vue é necessário ou se há uma solução alternativa usando watchEffect.
Pilha de tecnologia
javascriptvue
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
VueDexie
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70