Трафарет @ Элемент не находит дочерний узел

Question

У меня есть веб-компонент, в котором я пытаюсь выбрать дочерний узел через свойство @Element:

export class StepupVerification { @Prop() token: string = 'test'; @State() url: string = `http://localhost:8080/?fail=${this.token}`; @Element() private element: HTMLElement; ...

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

Вот селектор, который я использую: this.element.querySelectorAll('.stepup-frame'); как я уже сказал, он возвращает ноль элементов. Однако, когда я использую: document.querySelectorAll('.stepup-frame'); Я нахожу элемент в порядке.

TL; DR: querySelector для элемента работает неправильно для моего веб-компонента, и я не уверен, почему.

Answer 1

Я действительно хотел использовать функцию ref для получения ссылок на встроенные элементы.

я смог добавить переменную private myElement: HTMLElement в мой компонент, а затем сослаться на нее через this.myElement в моем коде.