我有一个简单的文件设置:
页面结构:
./pages/index.vue // root page to be displayed for '/'
./pages/child.vue // sub-page to be displayed inside index.vue for '/child'
index.vue**:**
<template>
<div>
<p>This is parent</p>
<some-component-from-components>
嗨,伙计们,我有下面的路由,我尝试调用使用嵌套路由同时加载的不同组件,我有一个导航栏(称为NavBar)与我的主表单(称为MainForm)一起加载。不知何故,MainForm没有被调用,只有NavBar。我还有一个没有NavBar的表单,这就是下一个路由条目。路由器包含以下代码:
import MainForm from '@/components/MainForm';
import NavBar from '@/components/NavBar';
Vue.use(Router);
export default new Router({
routes
我的应用程序工作得很好,如果我把没有孩子的路由(嵌套)放置起来,但我刚才尝试将它嵌套,并将我的路由转换为:在routes.js中
import alphabetsPage from './components/views/pages/alphabets.vue'
import dictionaryPage from './components/views/pages/dictionary.vue'
import numbersPage from './components/views/pages/numbers.vue'
import Layo
我使用Vue路由器直接到src文件中一个名为components的文件夹中的不同组件,这很奇怪,但是所有组件中的模板都是相同的,我导入了文件并以完全相同的方式定义了路由,当然,除了这里的确切组件文件名--我的main.js文件
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import CreateMeetUp from '@/components/Meetup/CreateMeetUp'
i