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

终于解决了，最新版本 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,     }, });