framework7 根据路由页面跳转时，如何做到 url 也变化到相应路由 ？

Question

问题描述

比如首页在 http://xxx/index.html#/ ，点击一个链接转到 application 的页面，但是浏览器的 url 没有变化；如何做到 url 也变化到相应路由 http://xxx/index.html#/applic... ？像 vue 的路由跳转那样, url 会变化 ？

相关代码

routes = [{
        path: '/',
        url: './index.html',
    },
    // Page Loaders & Router
    {
        path: '/table/',
        componentUrl: './pages/table.html',
    },
    {
        path: '/application/',
        componentUrl: './pages/application.html',
    },
];

<div class="row no-gap">
   <a href="/application/" class="col page-content-item">应用</a>
   <a href="/table/" class="col page-content-item">表格</a>
</div>

还请知道的大神告知一下，感谢。

Answer 1

在main.js中加入pushState: true试下

new vue({
    framework7: {
        // App Root Element, should be the same as the component root "el"
        root: '#app',
        // Array with app routes
        routes: router,
        pushState: true
    }
})
  

Answer 2

终于解决了，最新版本 f7 要这样子设置 pushState ：

var app = new Framework7({
    root: '#app', // App root element
    id: 'io.framework7.testapp', // App bundle ID
    name: 'Framework7', // App name
    view: {
        pushState: true,
    },
});