0

我有一个 Web 组件,我试图通过 @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 无法正常工作,我的 web 组件无法正常工作,我不知道为什么。

4

1 回答 1

2

我真的很想使用 ref 功能来获取对嵌入式元素的引用。

我能够向private myElement: HTMLElement我的组件添加一个变量,然后this.myElement在我的代码中引用它。

于 2019-01-02T22:24:58.433 回答