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

相关推荐
大前端helloworld12 分钟前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端
不会算法的小灰32 分钟前
HTML简单入门—— 基础标签与路径解析
前端·算法·html
zero13_小葵司36 分钟前
在Vue项目中构建后端配置的动态路由及权限控制体系
前端·javascript·vue.js
GISer_Jing36 分钟前
前端框架篇——Vue&React篇
前端·javascript
面向星辰37 分钟前
css其他选择器(精细修饰)
前端·css
子兮曰41 分钟前
WebSocket 连接:实现实时双向通信的前端技术
前端·javascript·websocket
宁雨桥43 分钟前
从视口到容器:CSS 容器查询完全指南
前端·css
wu~9701 小时前
web服务器有哪些?服务器和web服务器有什么区别
运维·服务器·前端
FIN66681 小时前
募投绘蓝图-昂瑞微的成长密码与未来布局
前端·后端·5g·云原生·信息与通信·射频工程·芯片
cooldream20092 小时前
深度解析中秋节HTML5动画的实现
前端·html·html5