javascript - polymer 纸标签在点击时会显示上一个标签

Question

这是我的代码

//...

    <paper-tabs
      selected="{{tab}}"
      on-tap="{{handleTab}}">
      <template repeat="{{initial in pagination}}">
        <paper-tab
          name="{{initial}}">
          {{initial}}
        </paper-tab>
      </template>
    </paper-tabs>

//...

tab: "A",

pagination: [
  'A',
  'B',
  'C'
],

handleTab: function (event, detail, sender) {
  console.log(sender.selected);
},

//...

默认情况下它是“A”。当我点击“B”时，控制台将显示“A”；然后我点击“C”，控制台将显示“B”；然后我再次点击“C”，控制台将显示“C”。它总是在点击之前显示选项卡名称。

有什么想法吗？

Answer 1

<paper-tabs on-core-select="{{handleTab}}">
  <!-- ... -->
</paper-tabs>

来自core-select event description :“当项目的选择状态更改时触发。选择或取消选择某个项目时都会触发此事件。 isSelected 详细信息属性包含选择状态。”

handleTab: function (event, detail, sender) {
  if (detail.isSelected) {
    console.log(detail.item);
  }
}