vue 如果登录注册是外一个模板,这个要怎么处理

kaipizhe
  • 1.3k

vue 这个 App.vue 是共用的,都是首先经过 App.vue ,那登录注册完全和其他模板不一样,要怎么处理


image.png

回复
阅读 1.2k
4 个回答

有时候读文档还不然看一遍代码,自然而然文档也就懂了
给你个基础demo你可以看看vue-admin-template
image.png

可以抽象提取两个layout,比如basic和login,在路由层根据路由分别使用不同的layout,比如:

export default {
  path: '/user',
  component: () => import('@/layout/basic'),
  children: [{}]
};

export default {
  path: '/login',
  component: () => import('@/layout/login'),
  children: [{}]
};

参考vue官方路由文档

image.png
请看图,通过<router-view>标签渲染路由指定的页面,所以你route.js文件中的login路由写成跟其他路由一致即可

宣传栏