Polymer 3刷新组件[重复]答案

【问题标题】：Polymer 3 refresh component [duplicate]Polymer 3刷新组件[重复]
【发布时间】：2019-06-15 14:24:27
【问题描述】：

我使用聚合物 3 来构建我的应用程序，一切都很好，但过去两天我面临的问题是我的页面上有很多 ajax 调用，我想每次调用所有 ajax当我打开组件时，我会读取组件的所有生命周期回调，但它会触发一次，因为 Polymer 是一个单页应用程序。我该如何实现。

我试过了：

connectedCallback() {
  super.connectedCallback();
  alert("welcome");
}
disconnectedCallback() {
  super.disconnectedCallback();
  alert("bye");
}

还有：

ready(){}
attached(){}
constructor(){}

这就是我从一个页面移动到另一个页面的方式：

window.history.pushState({USERID_GUID:item.USERID_GUI}, "caht 1 page", '/mychatpage');
window.dispatchEvent(new CustomEvent('location-changed'));

【问题讨论】：

这取决于你的页面导航系统是如何实现的，但它可能只是隐藏应用程序的另一部分而不是卸载它，因此从隐藏/显示后将只调用一次 connectedCallback根本不会重新触发它。
感谢回复我解决了

【解决方案1】：

我遇到了完全相同的问题，我决定基于 LitElement 创建自己的组件，每次更改页面时都会触发事件

yarn add @conectate/ct-router

# or

npm i @conectate/ct-router

查看文档：

【讨论】：