樣式加載事件后的 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 頁面上打開一個問題，因為它仍在積極參與。