Как получить доступ к компоненту из пользовательской директивы? ⇐ Javascript

[Anonymous]

Цель состоит в том, чтобы иметь какую-то многоразовую директиву, крючок, утилиту, которая позволила бы мне автоматически фокусировать на компоненте . Я выбрал подход пользовательской директив.

Код: Выделить всё

...

< /code>
Компонент имеет обертку: < /p>






< /code>
Вот директива, взятая прямо из документов: < /p>
import type { Directive } from 'vue';

export const vAutoFocus: Directive = {
mounted: (el) => el.focus?.(),
};

Эта настройка выше не будет работать, поскольку директива пытается сосредоточиться на элементе div , который, ну, не подлежат фокусировке.

Дели Опорочное бурение, если я решите добавить больше обертка и функциональность в компонент uiinput.vue.

Код: Выделить всё

vnode

аргумент монтированного показывает обертку div , а его компонент - null , поэтому я не могу получить доступ к его свойствам, даже если я определяю

Подробнее здесь: https://stackoverflow.com/questions/796 ... -directive