首页前端知识 vue实现登录路由跳转到成功页面

vue实现登录路由跳转到成功页面

2024-06-14 09:06:05 前端知识前端哥 680 542 我要收藏

在浏览器输入这个网址就能测试了

在这里插入图片描述

2.路由切换的实现

首先确保是否有安装路由，没有的就去安装

在这里插入图片描述

导入和全局引用

在这里插入图片描述

然后就可以使用了

在APP.vue里增加路由

在这里插入图片描述

首页

接着在router目录下修改index.js

在这里插入图片描述

import Vue from ‘vue’

import Router from ‘vue-router’

import Login from ‘@/components/Login’

import Home from ‘…/components/Home.vue’

Vue.use(Router)

export default

转载请注明出处或者链接地址：https://www.qianduange.cn//article/12122.html

标签

上一篇：HTML基本结构及基本标签

下一篇：[手把手系列之] Jenkins自动化部署vue前端项目

前端哥

发布的文章

使用compile_commands.json配置includePath环境，解决vscode中引入头文件处有波浪线的问题

2024-06-20 09:06:55

一文详解 requests 库中 json 参数和 data 参数的用法

2024-06-20 09:06:18

fastjson升级为fastjson2

2024-06-20 09:06:18

protobuf对象与JSON相互转换

2024-06-20 09:06:14

JSON.toJSONString() 输出 “$ref“:“$[0]“问题解决及原因分析

2024-06-20 09:06:11

如何打开并且配置vscode的setting.json文件

2024-06-20 09:06:08

NVM 及 PNPM 安装

2024-06-20 09:06:01

npm有哪些插件包？？

2024-06-20 09:06:01

Component is not found in path “miniprogram_npm/@vant/

2024-06-20 09:06:59

安装nodejs报错：npm error code CERT_HAS_EXPIRED npm error errno CERT_HAS_EXPIRED certificate has expired

2024-06-20 09:06:58

大家推荐的文章

1
在HTML和CSS当中运用显示隐藏

2024-06-17 09:06:541000

2
成为优秀的TS体操高手之 TS 类型体操前置知识储备

2024-06-10 11:06:351000

3
django改了html网页没有变化,,前端页面居然没有对应变化?!修改了css文件但是前端页面没有反应

2024-06-06 10:06:201000

4
html简单网页代码：基于html关爱空巢老人网页设计与实现

2024-06-04 10:06:181000

5
jquery实现注册表单验证（仅供参考）

2024-06-07 00:06:411000

6
基于Echarts的高校就业数据可视化管理系统设计与实现（计算机毕业设计源码81461）

2024-05-29 10:05:301000

7
VUE3 Vite Pinia TypeScript项目笔记

2024-05-20 14:05:191000

8
轻松掌握数据库中JSON数据提取：json_extract函数用法详解

2024-05-09 11:05:011000

9
HTML5(六)——Canvas 高级操作

2024-05-09 10:05:191000

10
UE4.27支持HTML5

2024-05-07 13:05:261000

rss订阅百度xml 谷歌xml 搜狗xml soxml 神马搜索xml 网站地图

讲个笑话：程序员心理活动：看别人的代码，这都写得什么玩意儿，垃圾！！看自己一个月前的代码：这TM谁写得代码，垃圾！再一看，这代码怎么这么眼熟？我自己写得？仔细一看，卧槽！还TM的真是我自己写的！！

前端技术交流源码工具分享网站

会员中心联系我留言建议回顶部

复制成功！

vue实现登录路由跳转到成功页面

2.路由切换的实现

NVM 及 PNPM 安装

Component is not found in path “miniprogram_npm/@vant/

安装nodejs报错：npm error code CERT_HAS_EXPIRED npm error errno CERT_HAS_EXPIRED certificate has expired

npm install 及使用cordova打包常见错误大全(附解决方案)

Python 安装Vue依赖包发生异常：npm ERR! notsup Required: {“node“:“^18.17.0 || ＞=20.5.0“}

Vue3 Vite Element Plus 项目搭建（全）

vue生成二维码与识别，vue扫一扫功能实现

Vue中使用Lodash

vue ts实现离线高德地图内网离线高德地图

vue使用xe-utils通用函数库，设计思想与代码质量优化程序性能优化开发效率优化

前端哥

使用compile_commands.json配置includePath环境，解决vscode中引入头文件处有波浪线的问题

一文详解 requests 库中 json 参数和 data 参数的用法

fastjson升级为fastjson2

protobuf对象与JSON相互转换

JSON.toJSONString() 输出 “$ref“:“$[0]“问题解决及原因分析

如何打开并且配置vscode的setting.json文件

NVM 及 PNPM 安装

npm有哪些插件包？？

Component is not found in path “miniprogram_npm/@vant/

安装nodejs报错：npm error code CERT_HAS_EXPIRED npm error errno CERT_HAS_EXPIRED certificate has expired

1
在HTML和CSS当中运用显示隐藏

2024-06-17 09:06:541000

2
成为优秀的TS体操高手之 TS 类型体操前置知识储备

2024-06-10 11:06:351000

3
django改了html网页没有变化,,前端页面居然没有对应变化?!修改了css文件但是前端页面没有反应

2024-06-06 10:06:201000

4
html简单网页代码：基于html关爱空巢老人网页设计与实现

2024-06-04 10:06:181000

5
jquery实现注册表单验证（仅供参考）

2024-06-07 00:06:411000

6
基于Echarts的高校就业数据可视化管理系统设计与实现（计算机毕业设计源码81461）

2024-05-29 10:05:301000

7
VUE3 Vite Pinia TypeScript项目笔记

2024-05-20 14:05:191000

8
轻松掌握数据库中JSON数据提取：json_extract函数用法详解

2024-05-09 11:05:011000

9
HTML5(六)——Canvas 高级操作

2024-05-09 10:05:191000

10
UE4.27支持HTML5

2024-05-07 13:05:261000