ROUTERLINK не поддерживает событие Focus - PullRequest
Новая
       47

ROUTERLINK не поддерживает событие Focus

1 голос
/ 10 октября 2019

Это фрагмент моего кода из приложения Vue.js 

    <li v-for="(category, index) in data.categories" :key="index" class="category">
        <RouterLink
            :to="{ path: category.url }"
            :style="{
                color: category['Category Colour'].value,
                borderColor: category['Category Colour'].value,
            }"
            :class="{ current: category.currentCategory }"
            class="link"
            @focus="menuItemFocus(true)"
            @blur="menuItemFocus(false)"
        >
            <ScText :field="category['Category Name']" />
        </RouterLink>
    </li>

Однако метод menuItemFocus не вызывается.

Я попытался использовать v-on:focus вместо этого, норезультат тот же.

Я пытался заменить на предупреждение, но оно никогда не появляется. @focus="alert('Focus, young padawan!')"

Так что, я думаю, Routerlink не поддерживает события фокуса.

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

1 Ответ

1 голос
/ 10 октября 2019

Мне нужно было использовать focus.native. Это работает сейчас! 

<li v-for="(category, index) in data.categories" :key="index" class="category">
    <RouterLink
        :to="{ path: category.url }"
        :style="{
            color: category['Category Colour'].value,
            borderColor: category['Category Colour'].value,
        }"
        :class="{ current: category.currentCategory }"
        class="link"
        @focus.native="menuItemFocus(true)"
        @blur.native="menuItemFocus(false)"
    >
        <ScText :field="category['Category Name']" />
    </RouterLink>
</li>
...