小编tug*_*end的帖子

我想弄清楚的是使用 lit-elements 构建它的正确方法是什么。在React 中，我会使用一个“受控组件”，在这里可以轻松地强制所有组件提交给根组件属性。

下面的示例是我使用 Lit-Elements 提出的。有没有更好的方法来做到这一点？

请注意; 因为我想忽略一些字符，所以挑战变得稍微困难​​一些。如果没有e.target.value = this.value;at 级别 5，输入 elmement 将与忽略字符上的组件状态不同。我希望整个组件链正确同步，因此以标头标签为例。

export class Level1 extends LitElement {
  static get properties() {
    return {
      value: { type: String }
    };
  }

  render() {
    return html`
      <div>
        <h1>${this.value}</h1>
        <level-2 value=${this.value} @input-changed=${this.onInput}></level-2>
      </div>`;
  }

  onInput(e) {
    this.value = e.detail.value.replace(/\d/g, ''); 
  }
}

... …