Question

我试图在我的应用程序上制作纸质标签。标签1和页面1必须在页面加载时选择，不幸的是，当我尝试使用tab1激活属性selected=0页面加载时，但我无法更改为任何其他标签，我始终只看到{{ 1}} Tab 1 有人可以告诉我该怎么做才能解决这个问题吗？

最好的问候

我在下面写了我试过的内容。

我的导入扩展程序

Page 1

和代码：

<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="../bower_components/core-pages/core-pages.html">
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">

第二个选项

   <paper-tabs selected="0">
            <paper-tab>Tab 1</paper-tab>
            <paper-tab>Tab 2</paper-tab>
            <paper-tab>Tab 3</paper-tab>
        </paper-tabs>

        <core-pages selected="0">
            <div>Page 1</div>
            <div>Page 2</div>
            <div>Page 3</div>
        </core-pages>

这是解决问题的方法：

         <paper-tabs selected="{{0}}">
            <paper-tab>Tab 1</paper-tab>
            <paper-tab>Tab 2</paper-tab>
            <paper-tab>Tab 3</paper-tab>
        </paper-tabs>

        <core-pages selected="{{0}}">
            <div>Page 1</div>
            <div>Page 2</div>
            <div>Page 3</div>
        </core-pages>

Answer 1

尝试selected="{{activeTabId}}"并在JavaScript中设置默认值：activeTabId: 0

Answer 2

您可以制作一个自定义元素，用页面封装标签，然后使用双向绑定{{selected}}自动保持标签和页面同步。

以下是easy-paper-tabs

的要点

聚合物不会更改纸张选项卡选定的属性

2 个答案: