Vue.js使用Element-ui的路由跳转实例
发布日期:2021-05-20 10:07:20 浏览次数:38 分类:技术文章

本文共 838 字,大约阅读时间需要 2 分钟。

1、首先进行项目的构建和引入Element-UI,这里不再进行介绍,自行参考官网。

2、这是项目结构
在这里插入图片描述
3、要实现点击跳转,首先你需要在相应的DOM结构加入router ,然后在对应的点击处设置好路径,如图在这里插入图片描述
4、然后在router里的index.js设置路由,在这之前你需要在Views中新建这两个组件,
在这里插入图片描述

import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import CreateArticle from '../views/CreateArticle'import ListArticle from '../views/ListArticle'import ChangeArticle from '../views/ChangeArticle'import DeleteArticle from '../views/DeleteArticle'import FindArticle from '../views/FindArticle'// import Header from '../views/Header'Vue.use(Router)export default new Router({
routes: [ {
path: '/', name: 'home', redirect: '/articles/index' // 重定向 设置首页 }, {
path: '/articles/index', name: 'list-article', component: ListArticle }, //这里只是部分代码 ,还有部分组件未贴出

5、这样就可以完成路由跳转了,所用界面也是官网中含有。

在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45416217/article/details/99867980 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Openjudge 1005:汉诺塔问题(Hanoi)
下一篇:使用Mint-UI实现图片的懒加载

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年03月25日 18时03分09秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

mplayer-php,mplayer+smplayer 前后端播放器安装 2019-04-21
oracle昨日时间,。。今日,昨日,上周,本月,本年,按时间统计总金额 2019-04-21
php验证卡号,PHP验证信用卡卡号是否正确函数 2019-04-21
mpvue微信小程序动画_推荐两个微信小程序开发框架 2019-04-21
固态硬盘分为哪几种_零基础玩转固态硬盘 深度排雷 买SSD掌握这些就够了 2019-04-21
调python返回图片_Python异常处理,3个好习惯分享给你 2019-04-21
15拆解_收藏:15款劲芯微芯片无线充产品拆解 2019-04-21
弹出u盘_都说:U盘直接拔出不会丢失文件,“安全弹出”形同虚设,对吗? 2019-04-21
怎么查看elementui版本_2021新年 Vue3.0 + Element UI 尝鲜小记 2019-04-21
adreno630gpu参数_小米8搭载Adreno 630图形处理器 比荣耀play上的GPU Turbo更成熟 2019-04-21
带bitlocker解密的pe_如何在PE下解锁bitlocker 2019-04-21
lj245a引脚功能图_谁找到74254,74LS245芯片引脚的功能和功能图啊? 2019-04-21
sts 创建webservice项目_通过eclipse将Java生成webservice | 学步园 2019-04-21
python数字字符串和数字相加_数字和字符串 2019-04-21
python风控模型举例_一文搞定风控模型6大核心指标(附代码) 2019-04-21
java arraylist 写入文件_java-将自定义对象的ArrayList写入文件 2019-04-21
ice glacier2 java_ICE提纲之demo/Glacier2/callback(跨网回调) 2019-04-21
java 转发上传文件_java 后台请求其他接口转发文件 2019-04-21
Java get set 同步_java – getResultSet()“每个结果只能调用一次” 2019-04-21
java jmx 配置_为什么在配置JMX时Java打开3个端口? 2019-04-21