VUE之重定向redirect

VUE之路由和重定向redirect

这个小知识点是在学习做项目的时候遇到的一个问题,借鉴了一个他人的项目,是一个酒店管理系统,拿到源码之后导到我的vscode里。 参考链接

导的过程比较顺利,正常安装,加依赖,没有报错的情况,这个源码一共设计了4款登录界面,但是我在运行服务的时候,一直是进入一个相同的界面,不知道应该怎么转到其他的页面,在师父指导下学习了路由和重定向redirect。

路由

具体学术详解参照这个教程参考链接

大白话理解就是,设置你进入自己做的网站的网址的各种参数。

对应vue里边的router文件夹,里边的index.ts,就是设置路由的

重定向redirect

直接上图

结合这个图来讲,我们设置好前端这个登录界面之后,运行服务之后可以进我们设计好的这个登录界面,但是这个路由的path初始值是'/',只能运行我图中重定向下边那行被我注释掉的绿色代码,所以只能进对应的/loginWork.vue这个组件,想进别的就得重新定向,把这个path初始值变成其他组件的对应初始值,例如redirect:'/longin',这个时候Path初始值就变成'/longin'这个了,然后他就进loginSwitch.vue这个组件里边了,这样就实现进其他的网址了。

相关推荐
lichenyang45312 分钟前
鸿蒙 Web 容器(二):H5 和 ArkTS 说话前,先定一份「协议」
前端
JYeontu15 分钟前
开箱流水加载动画
前端·javascript·css
RANxy16 分钟前
AntV 入门系列:G6 图可视化实战
前端
尽欢i17 分钟前
Vue3 customRef 封神教程:防抖、本地存储、自动埋点一套搞定,模板干干净净
前端·javascript·vue.js
VOLUN20 分钟前
TypeScript封装通用RESTful BaseAPI,后台接口代码精简80%
前端·javascript
胡永双21 分钟前
Hexo + GitHub Pages搭建个人Blog教程(三)
前端
hunterandroid23 分钟前
[Android 从零到一] 权限管理:运行时权限与最佳实践
前端
kyrie2826 分钟前
Redux 完整基础操作(原生 Redux,不结合 React-Redux)
前端
因_崔斯汀26 分钟前
Vue 模板编译:HTML 是怎么变成 JS 的?
前端·vue.js