vue+element-ui路由配置相关

最新推荐文章于 2023-12-27 11:40:39 发布

转载最新推荐文章于 2023-12-27 11:40:39 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/MonaSong/p/6703804.html

文章标签：

#javascript #ui #ViewUI

本文探讨了在Vue项目中使用vue-router与Element UI的el-menu组件时遇到的问题。当子路由未设置前导斜杠时，el-menu的index属性可能导致路由跳转失败。文章通过实例说明了这一现象，并引用了Element UI官方文档的相关说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-router2中说明了，子路由前面可以不加'/'，但是在使用element-ui的时候用了el-menu组件，这个组件的一个属性可以开启router 然后直接使用index属性赋值为路由，这个时候如果router中的路径中没有加'/'会发生跳转错误

图一：注意红色箭头指的地方

图二：使用el-menu组件的index属性直接赋值路由

图三：element-ui官网说明

转载于:https://www.cnblogs.com/MonaSong/p/6703804.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30859423

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue3 + element-ui + vue router + axios

12-29

然而，需要注意的是，虽然Vue 3与Vue 2在API和内部机制上有所不同，所以在使用Element UI这类为Vue 2设计的组件库时，可能需要额外的调整和配置。开发者在选择技术栈时，应充分考虑项目需求和各技术组件之间的兼容性...

vue+element-ui后台完整系统

最新发布

06-25

开发一个后台系统是一个复杂的过程，涉及到前后端的交互、状态管理、路由配置等多个方面。因此，在开发过程中，除了使用Vue和Element UI这两个核心框架外，开发者可能还需要使用其他工具或库，比如Vuex进行状态管理...

参与评论您还未登录，请先登录后发表或查看评论

element ui input视图没刷新_vue实战开发007:vue引入Element-UI并配置路由

weixin_39989949的博客

11-20

151

今天准备使用Element-UI来写个项目测试下学习的功能，要在vue中引用Element-UI组件，我们需要先来安装下Element-UI，这里我们用VScode工具编写，这里使用 npm 的方式安装,在终端执行命令：npm i element-ui -S接着我们在vue中来引入Element-UI,在vue项目中的main.js中引入element-ui功能，我们只要在文件中添加如下内容即可：...

vue实战开发007:vue引入Element-UI并配置路由

kevinfan的博客

04-11

1919

今天准备使用Element-UI来写个项目测试下学习的功能，要在vue中引用Element-UI组件，我们需要先来安装下Element-UI，这里我们用VScode工具编写，这里使用 npm 的方式安装,在终端执行命令：npm i element-ui -S 接着我们在vue中来引入Element-UI,在vue项目中的main.js中引入element-ui功能，我们只要在文件中添加如下...

【Vue框架】Vue路由配置

kevin的博客

08-01

1127

为了看后端权限在前端的使用，阅读vue-element-admin-4.2.1代码来进行理解；同时了解一下前端框架，并对部分内容进行详细介绍（学习）。本文主要从main.js来看各个内容，并整理main，router和store间的关系。PS：本文虽然很长，但是其实很简单，代码上已经写好注释，慢慢看在Vue.js中，路由（Router）是一种管理页面导航的机制，用于实现单页面应用（SPA）中的页面切换和导航功能。Vue提供了一个名为Vue Router的官方插件，用于实现前端路由功能。

第12讲：ElementUI+Vue路由综合案例

分享日常工作技术

04-19

848

本博文主要呈现一个NPM脚手架+Vue路由+ElementUI的综合案例，完成本案例需要有一定的Vue基础，请参考以下文章完成项目的构建第08讲：使用脚手架创建vue项目第09讲：路由开发第10讲：vue脚手架集成axios 第11讲：vue脚手架集成ElementUI由于是前后端分离的项目，我们提前开发了一个供前端测试的后台项目，具体代码可以联系博主索取二、前端开发 2.1、App.vue入口在入口中只需要添加一个router-view组件即可 2.2、main.js 在主控制文件main.j

【Vue篇】详解router路由 | element-ui组件 | 嵌套路由

小吉妙妙屋

12-27

2659

Vue Router是Vue.js官方提供的用于构建单页应用（SPA）的路由管理器。它能够集中处理应用程序中的路由跳转、参数传递、页面切换等功能，使得开发者可以轻松地实现前端路由功能。Vue Router具有以下特点：声明式路由配置：Vue Router使用声明式的方式配置路由，通过简单的配置项，可以定义页面路径、对应的组件以及其他相关信息。这种配置方式直观且易于维护。嵌套路由：Vue Router支持嵌套路由，即一个路由下面可以包含多个子路由，从而实现更复杂的页面结构和组织方式。

基于vue+vue-router+vuex+element-ui+axios，参考小米商城，实现的电商项目，仿小米商城源代码

03-23

本项目前后端分离，前端基于`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`，参考小米商城实现。后端基于`Node.js(Koa框架)`+`Mysql`实现。前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于...

基于Vue+Vue-Router+Vuex+Element-ui+axios，参考小米商城，实现的电商项目。.zip

10-30

Element-ui是基于Vue.js的一套高质量UI组件库，由饿了么团队开发。它提供了一系列美观、实用的组件，如按钮、表格、下拉菜单、导航栏等，大大简化了前端开发过程，使得我们可以快速搭建出符合现代设计标准的界面。 ...

vue + element-ui实现按钮和权限管理动态路由

01-18

在本文中，我们将深入探讨如何使用Vue.js框架与Element-UI库来实现一个包含按钮和权限管理的动态路由系统。这个系统是针对后台管理场景设计的，具备高度可复用性和便捷性，使得开发者能够快速搭建起具有权限控制功能...

vue + elementUI 项目搭建Demo

12-05

使用vue-cli脚手架搭建vue + elementUI 小案例，功能代码不多，主要包括vue项目目录的创建、elementUI的引入、前端路由、i18n国际化语言、scss、引入iconfont

element ui框架（路由）

嵌入式-老费，一个分享专业嵌入式知识的blog

09-18

1437

【声明：版权所有，欢迎转载，请勿用于商业用途。联系信箱：feixiaoxing @163.com】有过web后端开发经验的同学，相信对路由这个概念应该不陌生。后端开发一般使用的是mvc，其中c，也就是controller，对应的就是各个路由的接口。现在随着整个前后端开发越来越独立化，两者之间只有数据的交互，所以这部分路由工作也开始转到前端来完成。回到前端开发，当前其实已经有一个第三方库可以完美支持前端路由了，这就是vue-router。在用vue-cli创建项

vue+element-ui初体验入门拥有自己的前台项目以及配置文件讲解（2）组件式开发，路由，请求发送

阿丹的博客

06-19

1309

阿丹：前面的文章已经进行了vue的组件安装，本篇文章来了解一下vue的语句语法以及element-ui的具体用法。并使用全局的守卫路由来完成用户完成登录来请求头携带token。

vue学习的第八天——elementUI的使用

m0_57069925的博客

07-21

1134

第一步在vue项目下安装ElementUInpmielement-ui-S//安装element-uinpminstallsass-loadernode-sass--save-dev//安装sass加载器sass加载器就不截图了。。。。第二步在main.js引入elementui下面导入了一个css文件需要到sass加载器，这就上面为啥导入了一个sass第三步去到elementui官网1.找到想要的组件，点击显示代码httpshttpshttpshttps。...

element动态路由的配置

qq_34652478的博客

11-08

980

基于vue+element，把静态路由改为动态路由修改动态路由的过程第一步：修改理由配置文件，只留下login, router/index.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router); const commonRoutes = [ { path: '/login', type...

【个人笔记】Vue+ElementUI后台模板配置动态路由

dongzhensong的博客

03-05

3710

模板链接: https://pan.baidu.com/s/1n_ggZBTuGyn2TMevOPsaig 提取码: 3r6c 该模板为别人开发，暂时未找到作者 1.创建一个Vue组件： 2.在store/components/lazyLoading.js文件中注册组件：注意注册的时候，填写正确组件地址 3.在components/login.vue 的登录成功结果处理中将zstest页...

Element-UI跳转页面路由配置

qq_41835813的博客

11-28

3611

1 this.$router.push({path:'/stu/update/'+id}) 2 { path: 'update/:id', name: '修改学生信息', hidden: true, //转到页面 component: () => import('@/views/stu/updateStu'), meta: { title: '修改学生信息', icon: 'e

element-admin路由权限配置详解（二）

qq_18840283的博客

07-27

1189

vue+element ui+vuex路由权限如何实现

vue2 element路由权限配置

半梅芒果干的博客

04-25

1710

1.store/module/新建permission.js文件 import { asyncRoutes, constantRoutes } from '@/router' /** * Use meta.role to determine if the current user has permission * @param roles * @param route */ function hasPermission(roles, route) { if (route

Vue+Element-UI后台管理模板 DEMO 指南

通过这个demo，开发者可以了解到如何使用Element UI的组件，如何配置和使用Vue Router进行路由管理，以及如何在Vue组件之间进行数据传递和方法调用。对于希望使用Vue框架开发后台管理系统的开发者来说，这是一个非常...