【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中

相关推荐
jenchoi41312 小时前
【2025-11-15】软件供应链安全日报:最新漏洞预警与投毒预警情报汇总
前端·网络·安全·网络安全·npm·node.js
进击的野人12 小时前
防抖与节流:优化前端性能的两种关键技术
前端·javascript
小高00712 小时前
别再滥用 Base64 了——Blob 才是前端减负的正确姿势
前端·javascript·面试
黑羽同学12 小时前
Fix: 修复AI聊天输入框Safari回车发送bug
前端·javascript·dom
数据知道12 小时前
FastAPI基础项目:仿头条新闻的web项目,实现基本的新闻列表页和详情页查看功能
前端·python·fastapi·python项目
wc_xue_fei_le12 小时前
11.11DNS主从服务器
linux·服务器·前端
女生寝室03812 小时前
《Chrome》 [142.0.7444.60][绿色便携版] 下载
前端·chrome
进击的野人13 小时前
JavaScript原型与原型链:深入理解面向对象编程的基石
前端·javascript·面试
yannick_liu13 小时前
wangeditor自定义扩展设置图片宽高
前端
呵阿咯咯13 小时前
Vue3项目记录
前端·vue.js