javascript - Framework7 在视图中切换视图？

Question

老年人。

我有一个关于 Framework7 的问题。

问题是如何在视图中切换视图。

例如，我有...

#view1 主视图

#view2

#view3

#view4

所以我使用 myApp.addView(view1),

myApp.addView(view2),

myApp.addView(view3),

myApp.addView(view4)

有一个示例“标签栏应用程序”。

我发现它使用标签的 <a> 标签和 href = '#view2', '#view3', '#view4',

然后它可以很容易地改变视图。

简而言之，如何使用代码更改视图而不仅仅是 href 链接？

多谢你们。

score 2 · Accepted Answer

找到了答案；它记录在 Framework7 的“使用 javascript 显示选项卡”下的“选项卡”页面：http ://www.idangero.us/framework7/docs/tabs.html#show-tab-using-javascript

您可以在 javascript 控制台中键入它，它会切换到“照片”选项卡： myApp.showTab('#view-4')

score 0 · Accepted Answer

对于 framework7 v2：

如果你的观点是

<div id="view-settings" class="view tab">
<!-- Settings page will be loaded here dynamically from /settings/ route -->
</div>

然后以编程方式在 framework7 v2 上显示选项卡

app.tab.show("#view-settings")

score -1 · Accepted Answer

您可以使用纯 JavaScript：

function myFunction() {
    location.href = "#view2";
}

例如...

3 回答 3