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>

Answer 2

尝试一下：

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

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

2 个答案: