Vue.js - 在处理程序中访问事件

Question

我正在关注vue.js tutorial - method event handlers

    <button v-on:click='handler'>handle this</button>
    .
    .
    .
    methods: {
                handler: function (event) {                
                   console.log(JSON.stringify(event));
              }}

然而，当我尝试显示事件时，我得到的是{"isTrusted":true}

当我尝试console.log(event.target.tagName)时，我得到一个空字符串。

我想我应该得到巴顿。

Answer 1

这是我创建的codepen。

我的Vue实例看起来像：

new Vue({
    el: '#app',
    methods: {
        greet: (e) => {
            console.log(e.target.tagName);
        }
    },
})

我的html看起来像这样：

<div id="app">
    <button @click="greet">Yo, I'm a button</button>
</div>

当我看到控制台时，它看起来像这样：

Answer 2

尝试这样

v-on:click="handler($event)"