Dev Faq
0
votes

Comment attacher un événement Vue @Click à une icône de polices à côté du champ de saisie?

J'ai essayé d'ajouter un @click à une icône géniale de police. Cependant, si j'ajoute un événement @Click à l'allure ou à la balise, cela ne fonctionne pas du tout. Je soupçonne que l'événement est pris par le champ de saisie. Comment puis-je faire l'icône de la loupe cliquable? XXX

Source: 3Sname.com

1 commentaires

Le code fonctionne - essayez-le comme codepen sur CoDesandbox et vous verrez.

3 Réponses :

0
votes

Utilisez une touche / anchor 'A' à la place span pour envelopper l'icône FA, avec @Click méthode? Span n'est pas une bonne pratique pour l'événement de clic.

1 commentaires

Les deux boutons et l'ancre ne fonctionnent pas. Testé dans mon environnement PC local

0
votes

Avez-vous essayé @ click.prevent = "FindName" modificateur?

0 commentaires
1
votes

C'est parce que, vous utilisez Bulma Strong> Classe .icon code> qui ayant le CSS suivant. 

pointer-events: all;

1 commentaires

Travaillez comme un charme! Merci!

Articles qui pourrait vous intéresser :

Est-il possible de créer une application vue sans vue-cli?
Comprendre la liaison bidirectionnelle Vue JS v-model
Vue.js 3 Event Bus
Laravel Echo n'écoute pas