我使用LitElement創(chuàng)建了一個自定義選擇組件：import { LitElement, html } from 'lit-element';class CustomSelect extends LitElement {    static get properties()  {        return {            options: { type: Array },            selected: { type: String },            onChange: { type: Function }        };    }    constructor() {        super();        this.options = [];    }    render() {        return html`            <select @change="${this.onChange}">                ${this.options.map(option => html`                    <option value="${option.value}" ?selected=${this.selected === option.value}>${option.text}</option>                `)}            </select>        `;    }    createRenderRoot() {        return this;    }}customElements.define('custom-select', CustomSelect);創(chuàng)建元素時options，我將selected和onChange作為屬性傳遞。在第一個渲染中，一切正常。呈現所有選項，并且所選值反映在選擇中。但是，如果我更改了selected它，似乎并不會更新所選的選項。如果我使用dev-tools檢查該元素，則selected屬性設置正確，但是如果我開始查詢該元素的值，它將返回錯誤的值。我嘗試做的一件事是id在呈現選擇之后通過dev-tools向元素添加屬性。如果再更改selectedon上CustomSelect的id屬性，則該屬性將保留在DOM中，這對我說未重新渲染選擇，這是導致問題的原因，以及為什么在第一個渲染上起作用。我試過在select元素上設置valueandselectedIndex屬性，但是它似乎并沒有以任何有意義的方式影響任何東西。我已經登錄了所有地方（從render（）和options-map開始），并且所有輸入值都是正確的。