Polymer 聚合物不';t更改纸张选项卡的选定属性
我正在尝试在我的应用程序上制作纸质标签。 页面加载时必须选择选项卡1和第1页,不幸的是,当我试图使属性Polymer 聚合物不';t更改纸张选项卡的选定属性,polymer,Polymer,我正在尝试在我的应用程序上制作纸质标签。 页面加载时必须选择选项卡1和第1页,不幸的是,当我试图使属性selected=0页面加载时,选项卡1处于活动状态,但我无法更改为任何其他选项卡,我总是只看到选项卡1和页面1 有人能告诉我怎么解决这个问题吗 致意 我正在写我尝试过的东西 我的导入扩展 <link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> <link rel="import" hr
selected=0
页面加载时,选项卡1处于活动状态,但我无法更改为任何其他选项卡,我总是只看到选项卡1
和页面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">
尝试
selected=“{{activeTabId}}”
并在JavaScript中设置默认值:activeTabId:0
您可以创建一个自定义元素,用页面包装选项卡,然后使用双向绑定{selected}
自动保持选项卡和页面同步
以下是第二次修复Polymer问题时的要点('progress-page',{ready:function(){//make global Value available on instance.this.selected=0;}});
<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>
Polymer('progress-page', {
ready: function () {
// make global values available on instance.
this.selected = 0;
}
});