javascript - 浏览器刷新后 SAPUI5 路由重置

Question

我开发了一个 SAPUI5 主细节应用程序。当我单击主项目时，会显示相应的详细信息页面(到目前为止还不错)。现在的问题是，如果我在浏览器中点击刷新 (F5)，则会加载最后选择的项目(因为 URL 参数)。

我要实现的是，显示主列表，但没有选择任何项目。相反，应该显示“选择一个项目”页面而不是项目详细信息页面。我已经尝试了很多东西，比如操纵路由，但这些都不起作用。关于如何实现这一目标的任何想法？

Answer 1

这样做你就放弃了深度链接的整个想法，恕我直言，这是路由的主要好处之一。所以在这样做之前要三思。

无论如何，您可以像这样在组件中初始化路由器之前重置哈希:

sap.ui.define([
  "sap/ui/core/UIComponent",
  "sap/ui/core/routing/HashChanger"
], function (UIComponent, HashChanger) {

  "use strict";

  return UIComponent.extend("sap.ui.demo.nav.Component", {

    metadata: {
      manifest: "json"
    },

    init: function () {
      // reset the routing hash
      HashChanger.getInstance().replaceHash("");

      // call the init function of the parent
      UIComponent.prototype.init.apply(this, arguments);

      // create the views based on the url/hash
      this.getRouter().initialize();
    }
  });
});

BR克里斯