【问题标题】:How can I make console.log() work in a Vue-cli app?如何使 console.log() 在 Vue-cli 应用程序中工作?
【发布时间】:2020-11-10 06:55:51
【问题描述】:

我正在尝试在我的 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.log vue-cli


    【解决方案1】:
    1. 尝试添加“this”,使其看起来像:this.console.log()
    2. 只需创建一个 vue 方法并在点击时调用它

    【讨论】:

    • 感谢 Ryan,我无法将它与您的第一个想法一起使用,但第二个想法(将 console.log 放入单独的方法中)起作用了。
    • 不过,展望未来,我可能应该学习如何使用 Chrome 调试器,而不是到处传播 console.log() 语句,因为这似乎是最佳实践。
    • 我建议在 chrome 上下载 Vue 扩展,尝试了解它是如何工作的,它会让你的生活更轻松
    猜你喜欢
    • 2017-12-16
    • 2020-09-04
    • 2018-09-24
    • 2017-05-23
    • 2019-02-02
    • 2018-12-15
    • 2017-08-01
    • 1970-01-01
    • 2018-07-18
    相关资源
    最近更新 更多