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