Vue.js 在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>

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

以上这些我做错了什么？有没有一种简单的、内联的方式来实现我需要的东西，而不是使用一种方法？