按自定义属性选择 Iron Pages

Iron Pages selection by custom attribute

我有一个<iron-pages>元素,里面有几个children,每个元素都是一个<section>,里面有一些文字内容。默认情况下,我可以更改 <iron-pages> 元素的 selected 属性,显示的 child <section> 将相应更改。

我想在 children 上使用自定义属性给 select 他们:data-page。我将关联的 attrForSelected="data-page" 属性添加到 <iron-pages>,并将 data-page 属性添加到每个具有不同字符串(例如 home)的 child。但是,使用此系统,永远不会显示 children。当 <iron-pages> selected 属性设置为 home.

时,即使是带有 data-page="home" 属性的 child 也不会显示

我对 selection 的自定义属性做错了什么?

attrForSelected="data-page" 应该是 attr-for-selected="data-page" CamelCase 属性转换为虚线属性 (docs)。