Lit-Element:在 class 中首次更新并且 mixin 仅触发一次

Lit-Element: first updated in class and mixin only fired once

使用 lit-element,如果 class 有一个 firstUpdate 方法并扩展了一个也有 firstUpdate 方法的 mixin,只有两者之一被触发。

参见此处示例:https://stackblitz.com/edit/jmlit-element-sample-yhtv3h

规范明确指出 firstUpdated 只被调用一次,但如何处理这种冲突?

只需在 class 中调用 super.firstUpdated() 从 mixin 继承就足够了

firstUpdated(){
  super.firstUpdated();
  console.log("fired from index")
}

演示:https://stackblitz.com/edit/jmlit-element-sample-cog6eq?file=src/index.js