当前位置:网站首页 > 更多 > 站长帮 > 正文

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

作者:CC下载站 日期:2021-01-22 00:00:00 浏览:50 分类:站长帮

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

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

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

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

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

登录页面:

后台首页:

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

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

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

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

您需要 登录账户 后才能发表评论

取消回复欢迎 发表评论:

关灯