我的扩展LitElement类有变量成员,这些成员的值可以随时更改。渲染依赖于其中的几个。我想知道,哪个update()成员函数应该被重写,以便在每次更新对varialbe成员的任何修改时刷新渲染。
发布于 2021-05-17 21:45:46
您不需要这样做,LitElement会为您管理这些内容,并将多个属性更新排入队列,以成为一个DOM更新/回流。
这些被称为reactive properties。
您可以使用properties元属性getter来设置它们:
static get properties() {
return {
mode: {type: String},
data: {attribute: false},
};
}或者在带有装饰器的Typescript中:
@property({type: String})
mode: string;
@property({attribute: false})
data = {};如果这些属性是内部的,则可以使用@state而不是@property。
更改这些LitElement属性中的任何一个的值都会导致再次调用render()。如果你设置了多个1,那么在你完成或者await之前,render()是不会触发的。
https://stackoverflow.com/questions/67568735
复制相似问题