如何在 vaadin-combo-box 中指定默认值？

Question

我使用 lit 和 vaadin-combo-box 创建了一个组合框组件。我能够毫无问题地创建组合框，但我不知道如何设置默认值。如何在选择之前将默认值设置为“标签 1”？

import {customElement} from 'lit/decorators.js';
import {html, LitElement} from 'lit';

const items = [
  {'label': 'Label 1', 'value': 'label1'},
  {'label': 'Label 2', 'value': 'label2'},
];

@customElement('my-element')
export class MyElement extends LitElement {
  render() {
    return html`
      <vaadin-combo-box
          label="combo box"
          .items="${items}"
          required
      >
      </vaadin-combo-box>
    `;
  }
}

Answer 1

设置默认元素，可以设置对象的selectedItem属性。

const el = this.shadowRoot.getElementById('my-box');
el.selectedItem = items[0].label;

有关更多参考，请参阅 this。

另外，也可以直接在HTML元素中设置值：

<vaadin-combo-box value="${items[0].label}"></vaadin-combo-box>

如何在 vaadin-combo-box 中指定默认值？

How do I specify a default value in vaadin-combo-box?

typescript

vaadin

lit