1
resposta

Dúvida sobre diretivas

Olá, finalizei o capitulo sobre diretiva no curso 2 de vue. Quando passamos o argumento scale e ampliamos a imagem, senti a necessidade da imagem voltar ao normal quando clicarmos novamente. Temos como guardar esse comportamento e fazer a alteração via css?

1 resposta

Sim, ao invés de você fazer o scale quando o usuário der click duplo na imagem, você pode aumentar a escala quando o usuário passar com o mouse sobre a imagem, acionando o evento "hover".

Trocaria:

el.addEventListener('dblclick', function() {

Por:

el.addEventListener('mouseover', function() {

Você pode consultar alguns outros EventListeners aqui: https://www.w3schools.com/jsref/met_document_addeventlistener.asp