代码之家  ›  专栏  ›  技术社区  ›  stefanmuke

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

  •  0
  • stefanmuke  · 技术社区  · 7 年前

    每次通过app route元素访问页面时,是否可以重新加载页面(如/主页或/照片)?

        <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>
    

    就我而言,我使用了 Polymer Starter Kit 我的web应用程序包含几个页面,如/主页和/发现,都可以通过左侧抽屉中的链接访问。

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

    谢谢

    1 回复  |  直到 7 年前
        1
  •  1
  •   User 28    7 年前

    应用程序路由元素还有其他可用选项吗?

    顺便说一句,这种行为来自 iron-location app-location source . 它只需在body元素上侦听click事件,这样你们就可以在它进入body之前停止事件传播。

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