web-dev-qa-db-fra.com

comment puis-je utiliser console.error ou console.log dans un modèle de vue?

J'ai un composant vue avec

 <form @keydown="console.error($event.target.name);">

donne

app.js: 47961 [Vue warn]: La propriété ou la méthode "console" n'est pas définie sur l'instance mais référencé lors du rendu.

window.console ne fonctionne pas non plus

quelle est la bonne façon d'utiliser la console et la fenêtre dans un modèle pour déboguer?

vue.jsvuejs2vue-component
2
Toskan

Si vous voulez l'exécuter en ligne au lieu d'utiliser une méthode, ajoutez simplement this au formulaire:

Code:https://codepen.io/x84733/pen/PaxKLQ?editors=1011

<form action="/" @keydown="this.console.log($event.target.name)">
  First: <input type="text" name="fname"><br>
  Second: <input type="text" name="fname2"><br>
</form>

Mais il serait préférable d’utiliser une méthode plutôt que d’exécuter des fonctions en ligne, afin d’avoir plus de contrôle sur celle-ci:

<!-- Don't forget to remove the parenthesis -->
<form action="/" @keydown="debug">
  First: <input type="text" name="fname"><br>
  Second: <input type="text" name="fname2"><br>
</form>

...

methods: {
  debug (event) {
    console.log(event.target.name)
  }
}
4
Un1