Polymer “聚合物纸张”选项卡以编程方式选择第一个选项卡

我们的纸张标签页是动态生成的，我们如何在默认情况下选择第一个标签页，并触发更改事件，使熨斗页面内容可见

<paper-tabs id="scrollableTabs" selected={{selected}} scrollable >
  <template is="dom-repeat" items="[[liveQueues]]" as="queue" >
    <paper-tab on-click="listLiveTokens" >[[queue.queueName]]</paper-tab>
  </template>
</paper-tabs>


 list: function() {

        this.loading=!this.loading;
        this.$.list.url = "http://apicall";
        var tmp = this.$.list.generateRequest();
        console.log(tmp)

    },

[[queue.queueName]]
列表：函数（）{
this.loading=！this.loading；
此.$.list.url=”http://apicall";
var tmp=this.$.list.generateRequest（）；
console.log（tmp）
},

此脚本从api调用获取选项卡内容

<iron-pages  selected="{{selected}}">
  <template is="dom-repeat" items="[[liveQueues]]" as="queue" >
    <paper-material elevation="1">
        <iron-list items="[[queueTokens]]" as="token">
          <template>
            <div>
              <div class="item" tabindex="0">
                <span class="avatar" >[[token.tokenNumber]]</span>
                <a href$="{{_getDetailsLink(token.tokenId,token.tokenNumber,token.userName,token.statusType,token.userMobile,token.joinDate)}}">
                  <div class="pad">
                    <div class="primary">[[token.userName]]</div>
                    <div class="secondary">[[token.userMobile]]</div>
                    <div class="secondary dim">[[token.notes]]</div>
                      <div class="secondary dim">[[token.joinTime]]</div>
                  </div>
                </a>
                <iron-icon icon$="[[iconForItem(sminq)]]"></iron-icon>
              </div>
            </div>
          </template>
        </iron-list>
    </paper-material>
  </template>
</iron-pages>

[[token.tokenNumber]]

每次dom重复更改时都会触发一个事件。您可以侦听更改并将“选定”设置为0

<template is="dom-repeat" items="[[liveQueues]]" as="queue" on-dom-change="setSelected">

请注意，每次更新liveQueues时都会调用该函数，您可能不希望每次都重置选项卡。

---

iron页面应该自动更新，如果您选择了数据绑定到

，那么，我认为ready函数是初始化的方法

ready: function() {
  this.selected = 0;
}

---

它们是在重复模板中生成的吗？有没有办法知道这一代人已经结束了？一段代码片段会有帮助。@Maria它们是在重复模板中生成的，我添加了代码片段。@Maria这真的很有帮助，我刚刚有另一个问题，选项卡被选中了。我还使用类似这样的另一个id来选择熨斗页面。$.scrollablePages.selected=0；但是加载列表的铁列表不可见。如果使用数据绑定，则无需在页面中设置“选定”。看一看。请注意，plunker仅适用于Chrome，但如果您在自己的计算机上托管该示例，它也应适用于其他浏览器。“填充”按钮模拟异步到达的数据，并添加选项卡。

ready: function() {
  this.selected = 0;
}