VUE ROUTER

136 阅读1分钟

子路由跳转

export default [
  {
    path: '/deliver',
    name: 'deliverWin',
    component: resolve => require(['@/views/deliver/deliverWin.vue'], resolve),
    redirect:'/deliver/A3',
    children: [
      {path: "/deliver/A1",name: "A1",component: resolve => require(['@/views/deliver/A1.vue'], resolve),},
      {path: "/deliver/A2",name: "A2",component: resolve => require(['@/views/deliver/A2.vue'], resolve),},
      {path: "/deliver/A3",name: "A3",component: resolve => require(['@/views/deliver/A3.vue'], resolve),},
    ]
  },
]

Workspace

const Workspace = resolve => require(['../views/workspace/index.vue'], resolve);
(function() {
  routers = Array.prototype.concat.apply([], arguments)
})(Home,Login,Product);
{
  path: '/',
  name: 'workspace',
  component: Workspace,
  children: routers
},
<template>
	<div class="workspace" id="iphonex">
    <!-- 通用头部 -->
	<!--    <base-header></base-header>-->
	<!--	<router-view></router-view>-->
	<!--    <base-login v-if="this.$store.state.status==0?false:true"></base-login>-->
	</div>
</template>