代码之家 › 专栏 › 技术社区 › NeitoFR

聚合物2.5.0-dom重复未更新

polymer-2.x dom html javascript

NeitoFR · 技术社区 · 6 年前

<li> 到一个 <ul> 但是当我使用数组变异方法时,它不起作用(我可以正确地记录数组的更新)。

我尝试使用JSON数组而不是简单的字符串,并尝试 this.notifyPath('peoples'); ,但仍然不起作用

static get properties() {
    return {
        peoples: {
            type: Array,
            value: []
        }
    }
}
_test2() {
    console.log(this.peoples);

}
_test() {
    this.push('peoples', 'test');
}

<div class="flex__item--top list">
    <ul id="namelist">
        <template is="dom-repeat" items={{peoples}}>
            <li>{{item}}</li>
        </template>
    </ul>
</div>

1 回复 | 直到 6 年前

Hyyan Abo Fakher JM1 6 年前

你可以强迫 dom-repeat 通过调用 render 方法。

render(): void

强制元素呈现其内容。通常渲染是与引起变化的不同步。这样做是为了提高效率多次更改只触发一次渲染。渲染方法例如,如果需要模板呈现验证应用程序状态。

所以如果你的 dom重复

<template id="list" is="dom-repeat" items={{peoples}}>
            <li>{{item}}</li>
</template>

可以像这样从组件强制渲染

_test() {
    this.push('peoples', 'test');
    this.$.list.render();
}

推荐文章

Kuba Å imonovský · Templatizer-如何多次渲染同一模板,Polymer 2。十、

7 年前

Bernd Hopp · 使用Vaadin 10双向绑定纸张单选组/纸张单选按钮值

7 年前

Nikhil Raghavendra · Polymer 2.0数据绑定不工作

7 年前

Mulgard · 如何在dom repeat中呈现html实体符号?

7 年前

yberg · 使用nginx反向代理服务聚合物PWA

7 年前

yberg · 聚合物2.0中的全局功能

7 年前

Sikander · 为什么我的polymer应用程序中的视图没有加载?

7 年前

Andrew See · 如何设置`<铁名单网格>`

7 年前

Johan Byrén · 聚合物2。在iron ajax响应后更改其他html页面(iron页面)上的值

7 年前

Johan Byrén · 翻译纸张输入标签

7 年前