时间戳

首页 > 解决方案 > 如何使 console.log() 在 Vue-cli 应用程序中工作？

console.log - 如何使 console.log() 在 Vue-cli 应用程序中工作？

问题描述

我正在尝试在我的 vue-cli 应用程序中添加一个 console.log() 调用以支持调试。这是我的模板的摘录

      <v-btn v-on:click.native="console.log('start button clicked')" 
      color="primary rounded-pill">
        Start
      </v-btn>

但是，当我在localhost上运行应用程序时，我会在控制台中收到以下消息：

vue.runtime.esm.js?2b0e:619 [Vue 警告]：属性或方法“控制台”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。

我查看了How enable console log in VUE-CLI during development，但它似乎不适用于我的情况，因为我没有使用 eslint，并且我的 package.json 文件中没有 eslintConfig 部分。

知道还会发生什么吗？

标签： console.logvue-cli

解决方案

  1. 尝试添加“this”，使其看起来像：this.console.log()
  2. 只需创建一个 vue 方法并在单击时调用它

推荐阅读