Как размыть элемент при нажатии на VUE - PullRequest
0 голосов
/ 23 мая 2019

Я пытаюсь вызвать событие 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>

Скорее всего, это очень просто, но я не могу показатьсячтобы найти любую документацию по событиям запуска на вызывающем элементе.

Что я делаю не так с вышесказанным?Есть ли простой и встроенный способ достижения того, что мне нужно, вместо использования метода?

Ответы [ 2 ]

2 голосов
/ 24 мая 2019

или как это:

<a class="button" @click="$event.target.blur()"> Click Me </a>
1 голос
/ 23 мая 2019

Попробуйте это:

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