如何侦听更改的隐藏属性

Question

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

例如像这样的元素：

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

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

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

Answer 1

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