如何在vue模板中使用console.error或console.log？

米亚阿飞2020-03-15

我有一个Vue组件

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

给

app.js：47961 [Vue警告]：属性或方法“控制台”未在实例上定义，但在渲染期间被引用。

window.console也不起作用

在模板中使用控制台和窗口进行调试的正确方法是什么？

阳光Tom逆天2020/03/15 18:33:28

向模板提供全局对象的最简单方法是将它们放在中computed，如下所示：

console: () => console。同样window，

computed: {
  console: () => console,
  window: () => window,
}

在这里看到它。

西里小哥2020/03/15 18:33:28

我会为控制台模板变量设置一个吸气剂：

    get console() { return window.console; }

Newest Answer