如何在初始化时加载路由（Framework7 + Vue）

Question

我正在尝试使用framework7和vue构建一个应用程序。 一切都很好，只不过当我启动该应用程序时，它没有加载route.js上指定的组件。 我希望它加载由根URL指定的组件。 我怎样才能做到这一点？

main.js

new Vue({
  el: '#app',

  // Init Framework7 by passing parameters here
  framework7: {
    root: '#app',
    /* Uncomment to enable Material theme: */
     material: true,
     swipePanel: 'left',
     routes: Routes,
     pushState: true,
     animateNavBackIcon: true,
     input: {

     }
   },
 })

routes.js

export default [
    {
    path: '/',
    component: require('./assets/vue/pages/home.vue')
    }
]

Answer 1

我决定在framework7初始化上使用preroute对象，这样，即使在加载“ /”路由之前，我也可以操纵请求并重定向到特定路由。 在此处阅读有关预布线的更多信息： https : //framework7.io/docs/init-app.html

Answer 2

我不确定是否与您的情况相同：

第一次，我没有在application.html添加f7-view，并且路由没有起作用。

添加<f7-view main> ，该路线开始工作并显示页面。

我认为f7-view几乎像router-view ，是路由结果的输出接口。

如果您已经添加了f7-view ，则忽略此答案:-)