次のようにvue-routerでルートをネストしてコンポーネントの表示を制御しているのですが、
「/app/home」に直接アクセスするとApp Componentに設定している画像が表示されません。
vueを初めて間もないので、理由などご教授頂けると幸いです。
よろしくお願いいたします。
■ ルーティング
const routes = [{ path: '/app', name: 'app', component: App, children: [{ path: 'home', name: 'home', component: Home }] }] const router = new Router({ mode: 'history', routes }) const app = new Vue({ el: '#app', router })
■ メインページ
<div id="app"> <router-view /> </div>
■ App Component
<template> <div> <img src="image.png"> <router-view /> </div> </template>
■ Home Component
<template> <p>Home</p> </template>
回答1件
あなたの回答
tips
プレビュー