如何监听更改的隐藏属性

Question

监听 Lit 元素中隐藏属性变化的正确方法是什么？

例如像这样的元素：

<my-element ?hidden="${this.activeTab != 1}"></my-element>

我尝试定义 updated(changedProperties) 但这不会触发隐藏的更改。

问题背景说明：
我在这个元素中使用传单，似乎我必须在更改可见性后在我的传单容器元素上调用 _onResize()。

Answer 1

只需将 @property({ type: Boolean}) hidden: boolean = false;(Typescript) 添加到我自己的元素 class 即可解决此问题，即使 hidden 已在 LitElement 中定义为 属性。之后 updated 会在每次更改时被调用。