Question

我正在尝试使用framework7和vue构建一个应用程序。一切都很好，除了当我启动应用程序时，它不会加载routes.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对象，以便即使在＆＃39; /＆＃39;之前路由被加载，我可以操纵请求并重定向到特定的路由。在此处阅读有关预先路由的更多信息：https://framework7.io/docs/init-app.html

Answer 2

我不确定这与您的情况相同

第一次，我没有在application.html中添加f7-view，并且该路线也无效。

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

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

如果您已经添加了f7-view，则只需忽略此答案：-）

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

2 个答案: