聚合物纸标签在点击时显示上一个标签

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);
  }
}

聚合物纸标签在点击时显示上一个标签

Polymer paper-tabs show the previous tab when tapping

javascript

polymer