javascript - Framework7：超过 2 页的路由问题

Question

早上好，

我在 Framework7 中使用路由时遇到问题。

我有一个应用程序，下面有 4 个选项卡（主页、新闻、个人资料、活动）。

我想路由到个人资料页面上名为“Profile_Settings”的模板。因此，当用户单击配置文件上的按钮时，他应该进入配置文件设置。如果他在配置文件设置中，那么他可以再次单击一个按钮，然后他应该基于路由位于“SoftwareHistory”。

所以配置文件（选项卡）-> 配置文件设置-> 软件历史记录。

在这里，用户应该始终能够返回，例如，我在 SoftwareHistory 并单击返回，然后我在 Profile Settings 中。到目前为止，我只能从配置文件转到配置文件设置。从配置文件设置到 SoftwareHistory 不起作用。但我可以看到，在 HTML 中，“page page-next”元素是使用路由中声明的 SoftwareHistory 的元素创建的。但是没有显示 SoftwareHistory 页面。

我已经添加

view: {
  stackPages:true,
},

到应用程序设置。

我的路线：

{
name:“profileSettings”,
path:"/profileSettings/",
url:"./templates/profileSettings.html",
},
{
name:“softwareHistory”,
path:"/softwareHistory/",
url:"./templates/softwareHistory.html",
},

index.html 中的配置文件选项卡：

  <div id="view-profile" class="view view-init tab" data-view="profil" data-url="/profil/">
    <div class="page" data-name="profile">
      <div class="navbar">
        <div class="navbar-bg"></div>
        <div class="navbar-inner">
          <div class="title">Profile</div>
        </div>
      </div>
      <div class="page-content infinite-scroll-content">
        <div class="list inset">
          <ul id="profile-list">
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

JAVASCRIPT：

第一条路线：

var view = app.views.get(“view-profile”);
view.router.navigate("/profileSettings/");

第二条路线：

var view = app.views.get(“view-profile”);
view.router.navigate("/softwareHistory/");

标签： javascriptiosviewrouteshtml-framework-7