javascript - 在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>