Javascript 每次访问页面时重新加载页面

Javascript 每次访问页面时重新加载页面,javascript,polymer,Javascript,Polymer,每次通过app route元素访问页面时,是否可以重新加载像/home或/photos这样的页面 <app-location route="{{route}}" url-space-regex="^[[rootPath]]"> </app-location> <app-route route="{{route}}" pattern="[[rootPath]]:page" data="{{routeData}}"

每次通过app route元素访问页面时,是否可以重新加载像/home或/photos这样的页面

    <app-location route="{{route}}" url-space-regex="^[[rootPath]]">
    </app-location>
    <app-route
    route="{{route}}"
    pattern="[[rootPath]]:page"
    data="{{routeData}}"
    tail="{{subroute}}"></app-route>

    <iron-pages
        selected="[[page]]"
        attr-for-selected="name"
        fallback-selection="view404"
        role="main">
      <my-home name="home"></my-home>
      <my-discover name="discover"></my-discover>
      <my-pages name="pages"></my-pages>
      <my-view404 name="view404"></my-view404>
    </iron-pages>
在我的例子中,我使用了,我的web应用程序包含几个页面,如/home和/discover,这些页面都可以通过左侧抽屉中的链接访问

然而,现在应用程序似乎保持页面或菜单的“状态”,即使在我导航到应用程序中的另一个页面后也是如此,比如导航到/discover from/home在我重新访问/home页面时保持页面/主页滚动位置、打开菜单等的整个状态

我希望应用程序在每次访问页面时都能新加载一个页面,这样它就会自动放弃该页面以前的状态。js中的某些onPageLoad是否可能实现这一点,或者应用程序路由元素是否有其他可用选项

谢谢

应用程序路由元素是否有其他可用选项

不确定,但我想没有

顺便说一下,这种行为来自应用程序位置中包含的铁位置,如中所示。它只需监听body元素上的click事件,这样您就可以在它进入body之前停止事件传播

例如,没有测试

<dom-module>
  ...
    <a href='/discover' on-click='stopPropagation'>
  ...
    stopPropagation (event) {
      event.stopPropagation()
    }
  ...
</dom-module>

如果使用服务器端,则可以使用socketio。并在“连接”上执行函数{reloadPage}谢谢您的评论,但我计划保留路由客户端。我真的只是希望页面在加载后放弃其状态,而重载似乎是实现这一点的最简单方法。