javascript - 如何在 Aurelia 中检查页面加载是否完成

Question

我有一个脚本，应该在整个页面加载完成后运行。

考虑到所有子模块都已加载，Aurelia 有没有办法确定页面加载是否完成？

我正在运行的脚本是一个调用跟踪脚本，它将更改我页面上的目标号码。目前，我将其作为配置 PostRender 步骤中的最后一步运行，脚本不会观察到此后加载的任何内容。此外，这个脚本需要在我网站的每个页面上运行。

预先感谢您的投入。

Answer 1

您了解过 Aurelia 生命周期吗？

export class SomeClass {

  // Navigate To
  constructor() {
      console.log("1. constructor")
  }

  canActivate() {
      console.log("2. canActivate")
  }

  activate() {
      console.log("3. activate")
  }

  attached() {
      // Page has loaded
      console.log("4. attached")
  }

  // Navigate Away
  canDeactivate() {
      console.log("1. canDeactivate")
  }

  deactivate() {
      console.log("2. deactivate")
  }

  detached() {
      console.log("3. detached")
  }
}

https://aurelia.io/docs/fundamentals/cheat-sheet