lit-element - 如何侦听更改的隐藏属性

Question

侦听 Lit 元素中隐藏属性更改的正确方法是什么？

例如这样的元素：

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

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

请注意问题的背景：
我在此元素中使用传单，似乎_onResize()在更改可见性后我必须调用传单容器元素。

Answer 1

通过简单地将@property({ type: Boolean}) hidden: boolean = false;（Typescript）添加到我自己的 Element 类来解决它，即使 hidden 已经定义为 LitElement 中的属性。之后，updated每次更改都会被调用。