标签搜索
Web

vue3 router踩坑之未加子路由导致的页面不在指定区域内打开

Lan
Lan
2021-01-22 / 2 评论 / 281 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年01月22日,已超过195天没有更新,若内容或图片失效,请留言反馈。

寒假到了,少不了的是寒假项目,这次随便选了一个简单的设备管理系统

image.png

原题目要求比较简单,就是一个简单的asp增删改查吧,但是奈何由于比赛,完全没学asp

于是准备直接前后端分离,asp只用来提供数据算了,返回一个json,其他的全部交给前端处理。

所以这段时间也一直在学Vue,这不学的太快了,2天几乎把vue3看完了。

然后今天整合这两天写的两个页面是出了问题,中心页面的子页面会直接占满全屏

登录页面:

后台首页:

image.png

用的是Vue3+elementplus,能写出这样的东西,对我来说已经心满意足了。

这两块我是分开写的,就是通过修改main.js里面的配置去启动这两个页面,所以也不知道为什么一开始没有遇到那个问题。

image.png

然后总感觉自己是不是少学了什么,于是又去B站上找了套视频看了一下

image.png

原来路由里面还有一个子路由,如果要是子页面的话就必须把路由加到副路由的里面,就像这样。

0

评论 (2)

取消
  1. 头像
    访客 作者
    Windows 10 · Google Chrome

    很有兴趣!博主能开源一下吗?想学习一下

    回复
  2. 头像
    Lan 作者
    Android · Google Chrome
    @ Lan

    哈哈,没做完呢,只是用vue把前端页面写完了

    回复