声明定义的属性值在Polymer LitElement中不起作用

Question

声明定义的属性不会更新元素的属性。

示例：

<my-elem myvalue="test"></my-elem>

  static get properties() {
    return {
      myvalue: String  //The value of this property doesn't update to "test"
    }

此外，reflectToAttribute也不起作用。

Answer 1

我相信更新声明属性和reflectToAttribute值的问题是相关的。

如果向元素添加以下代码，则属性和属性之间的同步将起作用：

  attributeChangedCallback(name, oldValue, newValue) {
    if (name == "myvalue") this.myvalue = newValue; //change in attribute is updated to property
  }

  _render({ myvalue }) {
    renderAttributes(this, {
      'myvalue': myvalue  //value of property is updated to attribute 
    });

    return html`
      <div>something...</div>
    `;
  }