在Polymer3.x中，如何在页面重新加载时突出显示选定的routerLink文本？

我正在构建一个Polymer3音乐应用程序，它从公共api获取播放列表。所有播放名都实现为RouterLink

单击后，

播放名

将变为粗体，但重新加载页面上的路由器链接不会突出显示（粗体）

例如：如果我在URL中输入

localhost:8081/playli1

，则playli1在页面重新加载时应为粗体

提前谢谢

静态获取模板（）{
返回html`
`;
}

单击时，播放名称将变为粗体，但在页面上重新加载 routerLink未高亮显示（粗体）

发生这种情况可能是因为

iron selector

元素中存在，我相信它应用了点击时的粗体样式

。例如，
纸张选项卡也会发生这种情况

因此，应用粗体样式是因为您正在点击该项目。然而，如果你直接通过URL进入一个页面，你实际上没有点击这个项目，这就是为什么你没有得到同样的行为

解决方案：

无论是通过URL还是点击，您将始终在当前活动项上选择class
iron

从：

铁选择器没有样式。使用
iron selected
CSS类来设置样式
选定的元素

试试看

  <style>
    .iron-selected {
      background: #eee;
    }
  </style>


.铁被选中{
背景：#eee；
}