Tabs 框架7：从选项卡动态加载组件页

我刚找到Framework7，它看起来很有希望成为移动应用程序的基础

我可以从导航选项卡加载包含动态数据的组件页面。但此数据仅在加载应用程序时设置

通缉令：

每次用户单击选项卡时，加载数据并呈现页面

问题： 如何每次加载组件页

我从framework7模板选项卡中制作了一个示例。检查显示何时调用pageInit的控制台

现场直播：

代码：

---

如果希望每次单击/加载某个特定选项卡时都会发生某些操作，可以使用选项卡的显示事件记录

例如，要在每次加载tab2时发出警报，可以执行以下操作

$$("#tab2" ).on( "show", function( event, ui ) {
    myApp.alert("Tab loaded!");
} );

---

如果希望在每次单击/加载某个特定选项卡时都执行某些操作，可以使用选项卡的显示事件记录

例如，要在每次加载tab2时发出警报，可以执行以下操作

$$("#tab2" ).on( "show", function( event, ui ) {
    myApp.alert("Tab loaded!");
} );

我在报告中得到了答案

收听页面显示事件：

$（“#查看目录”）。在（'tab:show'，…。

刷新页面：

$('#view-catalog').on('tab:show', function () {
  catalogView.router.navigate(catalogView.router.currentRoute.url, {
    reloadCurrent: true,
    ignoreCache: true
  });
});

如果使用Framework72.0.6或更新版本，可通过以下方式简化：

$('#view-catalog').on('tab:show', function () {
  viewCatalog.router.refreshPage();
});

我在报告中得到了答案

收听页面显示事件：

$（“#查看目录”）。在（'tab:show'，…。

刷新页面：

$('#view-catalog').on('tab:show', function () {
  catalogView.router.navigate(catalogView.router.currentRoute.url, {
    reloadCurrent: true,
    ignoreCache: true
  });
});

如果使用Framework72.0.6或更新版本，可通过以下方式简化：

$('#view-catalog').on('tab:show', function () {
  viewCatalog.router.refreshPage();
});

---

您在后端开发中使用的语言是什么？我没有运行任何单独的后端，这是纯JavaScript，将内置到Cordova应用程序中。Framework7是单页应用程序。新页面将通过ajax注入DOM，上一页将被隐藏。在DOM上，您将始终拥有3页。您在ba中使用的语言是什么ckend开发？我没有运行任何单独的后端，这是纯JavaScript，将内置到Cordova应用程序中。Framework7是单页应用程序。新页面将通过ajax注入DOM，上一页将被隐藏。在DOM上，您将始终有3页。感谢您的回答。

show

事件是整个事件的一半问题。我在别处获得了刷新部分的答案，将在此处发布答案。感谢您的回答。

show

事件是问题的一半。我在别处获得了刷新部分的答案，将在此处发布答案。