Vue JS控制台日志没有定义方法答案

【问题标题】：Vue JS console log without define a methodVue JS控制台日志没有定义方法
【发布时间】：2020-01-22 18:12:21
【问题描述】：

如果我需要测试一个元素并查看控制台发生了什么。我正在定义一个方法并在这样的模板中调用它。

<template>
  <button @click="logHello()"> My Button </button>
</template>

<script>
  methods: {
    logHello(){
      console.log('Hello world')
    }
  }
</script>

但我不想在每次需要记录某些内容时都定义一个方法。有没有办法只使用模板记录一些东西，而不是在这样的实例中写任何东西：

<button @click="console.log('Hello')"> My Button </button>

我知道这个不起作用，但我正在寻找类似的东西。

【问题讨论】：

你可以试试这个方法：stackoverflow.com/q/40896261/3233827

标签： vue.js vue-cli

【解决方案1】：

在你的模板中使用两个这样的花括号 {{console.log('hello')}}

【讨论】：

【解决方案2】：

这很简单，但不是很推荐。要直接在模板中发出 console.log，您可以使用：

this.console.log('test')

例如：

<button @click="this.console.log('Hello')"> My Button </button>

我希望我能在某些方面有所帮助

【讨论】：