如何在聚合物中子自定义元素向父自定义元素发送属性值

// 子自定义元素
class ChildElement extends Polymer.Element {
  static get is() { return 'child-element'; }

  sendValueToParent() {
    const value = '属性值';
    this.dispatchEvent(new CustomEvent('send-value', { detail: { value } }));
  }
}

// 父自定义元素
class ParentElement extends Polymer.Element {
  static get is() { return 'parent-element'; }

  connectedCallback() {
    super.connectedCallback();
    this.addEventListener('send-value', this.handleSendValue);
  }

  handleSendValue(event) {
    const value = event.detail.value;
    // 处理接收到的属性值
    console.log(value);
  }
}

// 子自定义元素
class ChildElement extends Polymer.Element {
  static get is() { return 'child-element'; }

  static get properties() {
    return {
      value: {
        type: String,
        value: '属性值'
      }
    };
  }
}

<!-- 父自定义元素模板 -->
<parent-element>
  <child-element value="{{childValue}}"></child-element>
</parent-element>

// 父自定义元素
class ParentElement extends Polymer.Element {
  static get is() { return 'parent-element'; }

  static get properties() {
    return {
      childValue: {
        type: String,
        observer: 'handleChildValueChange'
      }
    };
  }

  handleChildValueChange(newValue) {
    // 处理接收到的属性值
    console.log(newValue);
  }
}