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

相关推荐
学习笔记1011 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
消失的旧时光-19431 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
曹牧1 小时前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台1 小时前
海龟交易系统R
前端·人工智能·r语言
歪歪1001 小时前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
Captaincc2 小时前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
吃饺子不吃馅4 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
Baklib梅梅4 小时前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
over6974 小时前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
渣渣盟5 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化