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

聚合物纸张标签在点击时显示上一个选项卡

1 个答案: