Полимерные бумажные вкладки показывают предыдущую вкладку при касании

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