我有一个对象,如下所示。现在,当我更改一个属性并调用requestRender时,它不会触发。在我看来,属性更改没有被检测到。我怎样才能做到这一点?
static get properties() {
return {
items: Object
}
}
constructor() {
super();
this.items = {
list: [{ a: 5, b: 6 },{ a: 5, b: 6 }]
}
}
onClick() {
this.items.list[1].a = 10; //change property
requestRender(); //doesn't pick up the change...
}
lit元素要求您以免疫方式管理属性,因此要更新该数据点,需要以下内容:
onClick() {
let list = this.items.list.slice();
let item = Object.assign({}, list[1]);
item.a = 10;
list[1] = item;
this.items = {
list: list
};
// will update on it's own with out a render request
}
以上是对这个问题的一个非常完整但ES5(ish(的回答。也可以使用更现代的JS来实现这一点,这将使其更易于管理。
onClick() {
this.items.list[1].a = 10;
this.items = {
...this.items
};
// will update on it's own with out a render request
}
希望能有所帮助。