2017-08-15 14 views
0

私はframework7とvueでアプリケーションを構築しようとしています。アプリケーションを起動すると、routes.jsで指定されたコンポーネントはロードされません。ルートURLで指定されたコンポーネントをロードします。これどうやってするの?私は '/' ルートがロードされる前であっても、私が操作できるように、framework7初期にprerouteオブジェクトを使用することにしました初期化時にルートを読み込む方法(Framework7 + Vue)

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') 
    } 
] 
+0

私もこのコンセプトに固執しています。最後のノードにハードコーディングされた 'home'画面が含まれている 'f7-views-> f7-view-> f7-pages-> f7-page'を含むmain.vueがあります。今、私はそのホーム画面をhome.vueに抽象化して、ルートで '/'と宣言しています。 app.php.mainView.router.load({url: '/'})をプログラムで一度呼び出すことはできますが、起動時にこのようにします。 Appの 'mounted()'では、私のビューは表示されません。ブレークポイントを設定すると、アプリは起動時に自動的に '/'にルーティングしようとしますが、空白のページが表示されます。あなたはそれを把握しましたか? – Neek

+0

あなたはそれを把握しましたか?私もこれについています。 – Terumi

答えて

0

リクエストして特定のルートにリダイレクトします。プレルーティングの詳細はこちらhttps://framework7.io/docs/init-app.html

+0

これは理論的に質問に答えるかもしれませんが、答えの本質的な部分をここに含め、参照のためのリンクを提供することが望ましいです(// meta.stackoverflow.com/q/8259)。 *より良い* "リンクベースの"回答を書く方法については、[here](https://meta.stackexchange.com/a/94027/285661)を参照してください。ありがとう! – GhostCat

関連する問題