我在重复模板中有一个纸张下拉菜单,这个下拉列表有一个on-iron-select事件,问题是在元素加载时绑定的每个元素都会触发事件,我该如何防止这种情况。
<paper-dropdown-menu label="Status" required >
<paper-menu selected="{{item.status}}" id="ddlStatus" attr-for-selected="value" on-iron-select="_statusChanged" class="dropdown-content">
<template is="dom-repeat" items="{{statusList}}">
<paper-item value="{{item}}">{{item}}</paper-item>
</template>
</paper-menu>
</paper-dropdown-menu>
答案 0 :(得分:2)
经过几个小时的挣扎后,我发现了一个解决方案,即不使用on-iron-select事件而是使用on-iron-activate,这只会在选择一个项目时触发,并且在下拉菜单时不会触发正在填充并设置默认项目
答案 1 :(得分:1)
您的解决方案无法正常工作。当您打开选择器而不是从下拉列表中选择新选项时,似乎会调用iron-activate
。
假设您当前选择的选项为“Status1”,并且您选择了Status2
。如果您使用iron-select
,则event.target.selected
的值为Status2
。但是,如果您使用iron-activate
,则会获得旧的选定值Status1
。