Framework7如何更改浏览器地址栏中的URL

Question

我想弄清楚Framework7如何用于网站开发。

虽然网站和Youtube上有一些信息和教程，但我无法找到或理解如何在浏览器中更改网址。

有些人可以告诉我关于链接如何在浏览器地址栏中更改的方式或现有教程。

谢谢

Answer 1

因此，在每个Framework7应用程序中，您都有这个主app.js初始化应用程序

首先是

// Initialize your app
var myApp = new Framework7();

然后在他们写的有关pushState的网站上必须设置为true才能启用历史记录模式

var myApp = new Framework7({
pushState: true
});

而我正在这样做..

但没有运气..

我没想到页面实际上正在缓存......

设置pushstate:true并且不要忘记按Ctrl-F5浏览器。）））

Answer 2

我也是f7的新手并且有同样的问题。谷歌搜索后我发现GitHub（感谢nolimits4web和lizhouyang）：

  必须在v2

中的视图上设置

pushState参数

所以在我的情况下，我将它设置为“/src/app.vue”，如下所示：

<!-- Main View -->
<f7-view id="main-view" url="/" main :pushState="true"></f7-view>

现在，如果我点击“关于”页面的链接，地址栏会显示此网址，我可以使用浏览器的后退按钮：

http://localhost:8080/#!/about/

Answer 3

在v2中，它已在通用视图参数下移动

app.framework7 = {
  view: {
    pushState: true,
  }
}