【Vue】router.push用法实现路由跳转

目录

router.push用法

在Login.vue中

在Register.vue中


上一篇:登录与注册界面的制作

https://blog.csdn.net/m0_67930426/article/details/134895214?spm=1001.2014.3001.5502

制作了登录与注册界面,并介绍了相关表单元素即属性的用法

在登录页面中,通过点击注册按钮,跳转到注册页面

在注册页面中,通过点击登录按钮,跳转到登录页面

实现如下

首先这两个页面在router包的index.js文件中都配置了对应的路由

复制代码
import('../views/Login.vue')

对应的是

复制代码
import('../views/Register.vue')

对应的是

router.push用法

在Login.vue中

javascript 复制代码
@click="$router.push('/register')"

这里的 '/register' 对应router包的index.js文件中的

在Register.vue中

相关推荐
wyzqhhhh11 分钟前
京东啊啊啊啊啊
开发语言·前端·javascript
JIngJaneIL12 分钟前
基于java+ vue助农电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
想学后端的前端工程师22 分钟前
【Java集合框架深度解析:从入门到精通-后端技术栈】
前端·javascript·vue.js
VcB之殇27 分钟前
git常用操作合集
前端·git
yinuo1 小时前
前端跨页面通讯终极指南⑧:Cookie 用法全解析
前端
小鑫同学1 小时前
vue-pdf-interactor 技术白皮书:为现代 Web 应用注入交互式 PDF 能力
前端·vue.js·github
GISer_Jing1 小时前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
gyx_这个杀手不太冷静1 小时前
上线前不做 Code Review?你可能正在给团队埋雷!
前端·代码规范·团队管理
全栈老石2 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·vue.js·架构
weixin_462446232 小时前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码
linux·服务器·前端