聚合物:如何为具有嵌套特性的图纸选项卡设置默认值

Polymer: How to set a Default Value for paper-tabs with Nested Properties

本文关键字：选项 默认值 设置 嵌套 聚合物      更新时间：2024-03-08

我想为paper-tabs的所选项目设置一个默认值。

它工作得很好，如果我把选定的属性写成这样：

<paper-tabs selected="{{tabname}}"
            attr-for-selected="key">
    <paper-tab key="foo">Foo</paper-tab>
    <paper-tab key="bar">Bar</paper-tab>
    <paper-tab key="baz">Baz!</paper-tab>
</paper-tabs>

但我想使用这样的嵌套属性：

<paper-tabs selected="{{data.tabname}}"
            attr-for-selected="key">
    <paper-tab key="foo">Foo</paper-tab>
    <paper-tab key="bar">Bar</paper-tab>
    <paper-tab key="baz">Baz!</paper-tab>
</paper-tabs>

这些是我的财产：

properties: {
    data: {
        type: Object,
        value: function () {
            return {                    
                tabname: {
                    type: String,
                    value: 'foo'
                }
            }
        },
    }
}

这是正在运行的Plnkr：http://plnkr.co/edit/GRrJh0p2s9uReLnC3Ze7?p=preview

我希望它默认设置为key，即索引中的第一个div。有人知道为什么我的plnkr不工作吗？

我不认为在Polymer中以这种方式在对象中创建属性。这样做有效：

properties: {
    data: {
        type: Object,
        value: function () {
            return {                    
                tabname: 'foo'
            }
        },
    }
}

或者：

properties: {
    data: {
        type: Object,
        value: {                    
            tabname: 'foo'
        },
    }
}
相关文章：