小编Dav*_*veB的帖子

将更改从一个LitElement传播到一个子LitElement的正确方法是什么?

我有一个LitElement,代表多个文件的文件上传。这使用代表每个文件的子组件。

我正在努力寻找使用LitElements将更改传播到子组件中的最佳做法的示例,因为它似乎与Polymer 3完全不同

这是我正在尝试的简化示例:

import './uploadFile.js';
class Upload extends LitElement {
  ...
  static get properties() { return { files: Object } }
  _render({files}) {
    return html`
      <input type="file" multiple onchange="...">
      ${this.renderFiles(files)}`
  }
  renderFiles(files) {
    const filesTemplate = [];                                                                                        
    for (var i = 0; i < files.length; i++) {                                                                         
      filesTemplate.push(html`
        <upload-file file="${files[i]}"></upload-file>
       `);                                
    }                                                                                                                
    return filesTemplate;                                                                                            
  }
}
Run Code Online (Sandbox Code Playgroud)

当我更新文件的状态时,上载组件会重新渲染,但上载文件组件不会。

我在这里做错了什么?那里没有LitElement用法的示例。

TIA

polymer lit-element

2
推荐指数
1
解决办法
1150
查看次数

标签 统计

lit-element ×1

polymer ×1