Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Vue - adding bigint to Key broke :key bindings

Aberta
  • Algo errado?
#819 0 comentários 12 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
45/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
typescript
Domínio
frontend

Direção de pesquisa

Comece pelo diretório examples/ do Vue e pela configuração de useVirtualizer mostrada no relatório, especialmente getItemKey quando ele retorna um id do tipo string. Reproduza a falha de v-for :key com uma chave que não seja um índice e, em seguida, verifique se os bindings permanecem estáveis e se o exemplo relevante ou a cobertura de regressão passa.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Describe the bug

The recent change to VirtualItem.Key breaks the :key bindings in v-for loops.

Example:

Image

Your minimal, reproducible example

https://github.com/tanstack/virtual/tree/main/examples/

Steps to reproduce

Setup a virtualizer that uses a key that's not the index e.g.

const rowVirtualizer = useVirtualizer(
  computed(() => {
    return {
      count: props.items.length,
      getScrollElement: () => virtualizerRef.value,
      getItemKey: (index) => props.items[index].id, // <--- id here is string 
      estimateSize: () => 64,
      overscan: 10,
      debug: false,
    };
  })
);
Expected behavior

As a user I expected the :key bindings to not break in Vue v-for loops.

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

macOS, Linux

tanstack-virtual version

3.10.6

TypeScript version

5.5.4

Additional context

No response

Terms & Code of Conduct
  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
Linguagem predominante
TypeScript
Estrelas
7.2k
Forks
479
Merge médio
1d 2h
PRs com merge (30d)
34

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de TanStack/virtual

Todas as issues de TanStack/virtual

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.