2

我正在尝试将值传递给dom-repeat模板，但行为默认为数组中的第一项。我正在尝试从字符串数组中设置一个字符串。

父组件

<select value="[[entry.method]]"
  on-change="_changeMethod">
  <template is="dom-repeat" items="[[entry.methods]]">
    <option value="[[item]]">[[item]]</option>
  </template>
</select>

子组件

this.dispatchEvent(new CustomEvent('add-item', {
  bubbles: true,
  composed: true,
  detail: {
    method: 'b',
    methods: ['a', 'b', 'c']
  }));

下拉菜单默认为'a'

如何传入'b'以设置初始下拉值？

4

1 回答 1

1

假设method是所需的选择methods，您可以修改事件的事件处理程序add-item以选择相应的索引。诀窍是等待下一个渲染帧（使用Polymer.RenderStatus.afterNextRender()），此时 DOM 已更新为新条目。

addItem(e) {
  const entry = e.detail;
  const selectedIndex = entry.methods.indexOf(entry.method);
  this.entry = entry;

  Polymer.RenderStatus.afterNextRender(this, () => {
    this.$.mySelect.selectedIndex = selectedIndex;
  });
}

演示

于 2018-02-20T03:27:32.027 回答