网站搜索

javascript - 如果引用被修改,LitElement 会将模板引用设置为 null 吗?


这个 stackblitz 会修改 this.iframe:

  @query("#iframe")
  iframe: any;

  firstUpdated() {
    console.log("THE IFRAME IS: ", this.iframe);
    this.iframe.id = "";
    console.log("THE IFRAME IS: ", this.iframe);
  }

在 this.iframe.id 语句执行后,this.iframe 为 null。

你知道为什么会发生那种情况吗?

答案#1

这是我自己的错误。我先通过 id 查询模板,然后把 id 改成别的,这样就会再次执行查询,并且因为找不到而将 iframe 设置为 null。