样式加载事件后的 LitElement 阴影根

Question

我有一个问题，我需要在 CSS 样式加载到我的组件后处理事件。 我试图使用 lit-element 生命周期，但它们仍然很早就被解雇了。

我正在尝试获取我的 DOM 元素起始位置和其他数据，但是我得到了一个初始位置，在加载样式后此位置会发生变化吗？

如何在样式加载后首先加载样式或任何事件？

Answer 1

firstUpdated生命周期通常是您正在寻找的：

在第一次更新元素的 DOM 之后调用，即在调用更新之前。 实现 firstUpdated 以在创建元素模板后执行一次性工作。

如果您的元素即使在firstUpdated被触发后仍在加载，您可以等待另一个循环以确保安全：

setTimeout(() => { /* code for checking DOM styles */ }, timeInMilliseconds);

timeInMilliseconds可能只需要为0 ，但您可能需要给它多一点时间，因为您的样式正在改变典型样式之外。 如果您有任何可能影响元素显示的 CSS animation或transition ，也可能是这种情况。

如果以上所有内容看起来都正确，我建议在lit-element github 页面上打开一个问题，因为它仍在积极参与。