给 app...."> 给 app...."/> 给 app...."> 给 app....">

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

vue.js Vue.js

米亚阿飞

2020-03-15

我有一个Vue组件

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

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

window.console也不起作用

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

第1621篇《如何在vue模板中使用console.error或console.log?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
阳光Tom逆天 2020.03.15

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

console: () => console同样window

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

在这里看到它

西里小哥 2020.03.15

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

    get console() { return window.console; }

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android