stenciljs/eslint-plugin

How to resolve "Use vDOM listener instead"

Open

#10 aberto em 6 de abr. de 2020

Ver no GitHub
 (13 comments) (2 reactions) (0 assignees)TypeScript (37 forks)auto 404
Help Wantedtriage

Métricas do repositório

Stars
 (71 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Noobie question — I’m using an example straight from the Stencil docs…

@Listen('keydown')
handleKeyDown(ev: KeyboardEvent){
  if (ev.key === 'ArrowDown'){
    console.log('down arrow pressed')
  }
}

I get an error Use vDOM listener instead, and I don’t exactly know how to resolve that… 😬 In other words, I don't exactly know how to "use a vDOM listener instead".

Also, according to the rule docs, this rule is meant to "Ensures that no vdom events are used in @Listen decorator." Why is it bad to listen to vDOM events using the @Listen decorator?

Guia do colaborador

Direção de pesquisa
Estude a documentação do Stencil sobre listeners de eventos e a regra 'use listener vDOM'. Identifique quais eventos exigem listeners vDOM e modifique seu código de acordo.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Documentação
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.
Claro
Prerequisites
StencilTypeScriptESLint
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70