Polymer 如何将下拉列表值传递给dom repeat
我试图将值传递给Polymer 如何将下拉列表值传递给dom repeat,polymer,polymer-2.x,dom-repeat,Polymer,Polymer 2.x,Dom Repeat,我试图将值传递给dom repeat模板,但行为默认为数组中的第一项。我试图从字符串数组中设置一个字符串 父组件 <select value="[[entry.method]]" on-change="_changeMethod"> <template is="dom-repeat" items="[[entry.methods]]"> <option value="[[item]]">[[item]]</option> <
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'
以设置初始下拉值?假设方法中的方法是所需的选择,您可以修改添加项事件的事件处理程序以选择相应的索引。诀窍是等待下一个渲染帧(使用),此时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;
});
}