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

Question

我试图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>

这很可能是一件很容易实现的事情，但我似乎找不到关于在调用元素上触发事件的任何文档。

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

Answer 1

或者像这样：

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