Vue路由默认子路由

在vue路由中，如果存在二级路由的话，那么该路由下的所有子路由默认都不会自己显示的，如果想要默认展示子路由的话就需要按照如下配置routes: [{path: '/system-settings', component: resolve => require(['./components/systemSettings/index.vue'], resolve), meta: {t...

RookieLeslie

3307人浏览 · 2019-09-24 10:42:41

RookieLeslie · 2019-09-24 10:42:41 发布

在vue路由中，如果存在二级路由的话，那么该路由下的所有子路由默认都不会自己显示的，如果想要默认展示子路由的话就需要按照如下配置

routes: [
		{path: '/system-settings', component: resolve => require(['./components/systemSettings/index.vue'], resolve), meta: {title: '系统设置'}, children: [
			{path: '/', component: resolve => require(['./components/systemSettings/info.vue'], resolve), name: '系统信息', meta: {title: '系统设置'}},
		]},

此时当进入到/system-settings时子路由位置将默认展示/的内容
注意：父路由不需要设置name属性

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^