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

ezykj2lf 于 2022-11-20 发布在 Framework7

关注(0)|答案(4)|浏览(222)

我试图弄清楚Framework7是如何为网站开发工作的。
虽然有一些网站和Youtube上的信息和教程，我找不到也不明白我如何可以改变浏览器的网址。
可以一些请告诉我的方式或一些现有的教程如何链接做改变在地址栏的浏览器。
谢谢你

4条答案

因此，在每个Framework 7应用程序中，您都有一个主app.js，用于初始化应用程序
开头是

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

然后在网站上写pushState必须设置为true，才能启用History模式

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

我就这么做了。
但是没有运气..
它没有通过我的头脑，页面缓存实际上...
设置为pushstate:true，不要忘记按Ctrl-F5组合键打开浏览器。）））

在v2中，已将其移动到公共视图参数下

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

我也是一个f7新手，也有同样的问题。在谷歌上搜索了一下之后，我在GitHub上找到了这个（感谢nolimits 4 web和lizhouyang）：
必须在v2中的视图上设置pushState参数
因此，在我的例子中，我将其设置在“/src/app.vue”中，如下所示：

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

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

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

对于那些在现代发现这一点的人来说，Framework 7版本7 --它又一次发生了变化。
在视图元素上设置属性browserHistory

<f7-view main browserHistory browserHistoryInitialMatch />

记录于：https://framework7.io/docs/routes#route-options