Как я могу использовать console.error или console.log в шаблон VUE? - PullRequest
Новая
       8

Как я могу использовать console.error или console.log в шаблон VUE?

0 голосов
/ 28 июня 2018

У меня есть компонент VUE с 

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

дает

app.js: 47961 [Vue warn]: свойство или метод "console" не определены в экземпляре, на который ссылаются во время рендеринга.

window.console не работает либо

Как правильно использовать консоль и окно в шаблоне для отладки?

1 Ответ

0 голосов
/ 28 июня 2018

Если вы хотите запустить его встроенным, а не с помощью метода, просто добавьте this в форму:

Codepen: 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>

Но было бы лучше использовать метод вместо запуска встроенных функций, чтобы вы могли лучше его контролировать: 

<!-- 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)
  }
}
...