首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否更新LitElement的成员以刷新渲染?

是否更新LitElement的成员以刷新渲染?
EN

Stack Overflow用户
提问于 2021-05-17 19:24:18
回答 1查看 50关注 0票数 0

我的扩展LitElement类有变量成员,这些成员的值可以随时更改。渲染依赖于其中的几个。我想知道,哪个update()成员函数应该被重写,以便在每次更新对varialbe成员的任何修改时刷新渲染。

EN

回答 1

Stack Overflow用户

发布于 2021-05-17 21:45:46

您不需要这样做,LitElement会为您管理这些内容,并将多个属性更新排入队列,以成为一个DOM更新/回流。

这些被称为reactive properties

您可以使用properties元属性getter来设置它们:

代码语言:javascript
运行
复制
  static get properties() {
    return {
      mode: {type: String},
      data: {attribute: false},
    };
  }

或者在带有装饰器的Typescript中:

代码语言:javascript
运行
复制
@property({type: String})
mode: string;
​
@property({attribute: false})
data = {};

如果这些属性是内部的,则可以使用@state而不是@property

更改这些LitElement属性中的任何一个的值都会导致再次调用render()。如果你设置了多个1,那么在你完成或者await之前,render()是不会触发的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67568735

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档