Javascript 每次访问页面时重新加载页面
每次通过app route元素访问页面时,是否可以重新加载像/home或/photos这样的页面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-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}谢谢您的评论,但我计划保留路由客户端。我真的只是希望页面在加载后放弃其状态,而重载似乎是实现这一点的最简单方法。