Javascript 如何在vue中单击时模糊元素

我试图在单击某个元素时触发

blur

事件，但令人惊讶的是，我无法在线找到任何示例

我最初试过这个：

<a @click="this.blur">Click Me</a>

点击我

然而，这显然不起作用，在进一步阅读之后，上面的内容变成了：

<template>

    <!-- Button -->
    <a class="button" @click="blur">
        <slot></slot>
    </a>

</template>

<script>

    export default {

        methods: {

            /**
             * Blur the specified element.
             *
             * @return void
             */
            blur (event) {
                event.target.blur();
            }

        }
    }

</script>

导出默认值{
方法：{
/**
*模糊指定的元素。
*
*@返回无效
*/
模糊（事件）{
event.target.blur（）；
}
}
}

这很可能是一件非常简单的事情，但我似乎找不到任何关于调用元素触发事件的文档

我在上面做了什么错事？有没有一种简单的、内联的方式来实现我所需要的，而不是使用一种方法？

试试这个：

<a class="button" @click="(e) => e.target.blur()"> Click Me </a>

点击我

或类似的内容：

<a class="button" @click="$event.target.blur()"> Click Me </a>

点击我

太好了，我要接受这个，因为它很干净。我也放弃了：P谢谢