关于ant-design-pro-vue路由的问题

最新推荐文章于 2024-07-02 10:49:55 发布
置顶 最新推荐文章于 2024-07-02 10:49:55 发布
阅读量1.9k 收藏 1
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43835436/article/details/104987563
版权
在ant-design-pro-vue项目中，为实现特定路由不显示在左侧导航，而通过按钮控制跳转，遇到了路由变化但页面不更新的问题。尝试了不同路由写法后，虽然能解决页面内容变化，但会导致导航选中状态失效。现寻求解决方案。
摘要由CSDN通过智能技术生成

关于ant-design-pro-vue路由的问题

开源项目地址

nvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
我的路由是这样写的，项目需求是左侧导航栏只展示到学员管理，发送消息和学生详情不展示在导航栏，由按钮控制跳转，现在遇到问题是跳转后路由发生了变化但是页面没变化

学员管理页面

跳转后的发送信息页面

跳转后的学生详情页面
使用了另一种写法后可以实现页面内容变化，但是无法选中左侧导航栏(也就是学员管理)
在这里插入图片描述

在这里插入图片描述

各位大神，求指教

舔狗。
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
Ant-design-vue项目实现动态路由
青年码农
05-29 638
vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由)2.后台传来当前用户对应权限的路由表，前端通过调接口拿到路由信息后处理(后端处理路由)这两种方法各有优点，效果都能实现，我们公司现在用的就是第二种，后台返回路由信息，前端动态生成路由及菜单。我们就讲讲实现的逻辑。我们用动态路由，需要后台提供路由信...
ant design pro新版本动态菜单
12-26
基于12月版本的ant design pro开源项目的动态菜单生成的完整方法附代码，粘贴就可使用，简单方便。内含解说。直接能用，本人亲测，非诚勿扰！！！
ant design vue pro 配置动态路由
陈陈笔记研究所
09-28 3363
修改步骤 ​ 引用这位朋友文章 ​ https://blog.csdn.net/qq_41299955/article/details/119807405 需要用到的文件 在官网下载的框架源码中,已经包含了远程菜单的配置了 我的版本 ant design vue pro 3.0.0 https://github.com/vueComponent/ant-design-vue-pro https://pro.antdv.com/docs/router-and-nav https://github.com/v
从ant-design-vue pro学习国际化配置
最新发布
u011846358的博客
07-02 416
ant-design-vue pro使用的是vue-i18n模块，在实际项目中主要有三块国际化：ant-design-vue控件自带、dayjs（antdv从4.x版本开始使用dayjs而不是moment.js）、自定义的国际化变量，需要将它们集合在一起，更方便管理。目录结构如下图：locale目录根部的index.js文件用于集合自定义的国际化变量，将不同语种组合到一起，在这里创建i18n变量，再一起导入main.js中比较方便。 2. 为不同语种建立独立的索引文件 在locale目录下为不同语种建
antdesign vue 2.0 递归菜单_Vue 动态生成路由结构
weixin_39946313的博客
11-25 1050
通常我们比较常用的vue组件加载方式就是通过import引入文件，如：路由懒加载 、静态的import。一般情况下还是推荐使用import方式引入的，因为这更容易从Tree_shaking 及一些分析工具中受益。在一些比较特殊的场景，比如：需要根据后台的菜单配置, 动态生成Vue路由。假如后台返回了以下JSON数据结构[ 一般vue路由会类似这样定义{ 从JSON数据结构转换到vu...
antDesignPro动态菜单路由:从后端获取路由结构，前端配置
Hy_0452的博客
01-25 2355
从后端接口获取菜单数据，前端只需要将后端返回的数据结构拼接成动态路由的结构就行，无需在页面配置动态路由 在config文件夹内的router.confige.js文件内修改配置 在基础路由里配置主页,它的children将是后面配置好的动态路由 在登录页的登录接口里登录成功后调用封好的路由菜单接口，在把数据放到全局属性里，后面用，然后再跳路由，这样的话可以防止接口还未返回数据，页面跳转为空白页。 ...
Vue+ant-design-pro（2）动态路由
徐小硕—心之所向，素履以往
07-14 3428
ant-design-pro动态路由配置
ant-design-vue-pro-master.zip
08-20
在Ant Design Vue Pro Master中，这个功能可能是通过Vue Router的嵌套路由和动态路由匹配实现的。每个页签对应一个独立的路由，切换页签时仅更新对应的组件，而非整个页面，确保了高效性能。 2. **配置文件解析** ...
基于springboot，ant-design-vue-pro的简易后台管理系统.zip
02-24
标题中的“基于SpringBoot，ant-design-vue-pro的简易后台管理系统”揭示了这个项目的核心技术栈，主要包括两个部分：SpringBoot后端框架和ant-design-vue-pro前端UI库。接下来，我们将深入探讨这两个关键技术以及...
ant-design-vue3-admin:一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用
05-19
ant-design-vue3-admin 一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。 最新的技术栈 统一的技术规范 权限方案（路由，菜单，操作...
基于antdesign和vue的中后台管理框架
08-10
基于ant-design和vue的中后台管理框架
基于vue-cli3 和 ant-design-vue搭建的后台管理系统模板
02-23
接着，创建一个新的项目，选择"Manually select features"选项，然后勾选`Vuex`（状态管理）和`Vue Router`（路由管理），并选择`Ant Design Vue`作为UI库： ```bash vue create my-admin-template --inlinePreset ...
Ant Design Vue 动态生成菜单和路由绑定
zukxu123的博客
11-18 2566
AntDesign Vue动态生成菜单项和动态配置路由， 能够根据数据库的数据动态生成路由文件和菜单项
快乐玩前端：关于Antd3导航收缩后图标右侧出现箭头问题
混子还在路上
09-10 644
然后反反复复的检查，发现代码都是对的，通过开发者工具也检查了一次，与官网的代码也做了对比，发现除了导航栏每一行多了div，其他都没啥大问题，感觉多了个div应该问题不大，然后又反反复复的看了代码，最后拿去和以前写的做对比，发现还是div的问题，然后把div干掉以后，图标就恢复正常了，很显然，问题就是应为多加了个div。学习分享，一起成长！以上为小编的经验分享，若存在不当之处，请批评指正！
ant-deisgn-vue取消路由权限
周18的碎碎念
07-29 337
项目一开始需要路由权限，中途又不需要了，配置代码都改好了，又不想动原来的代码， 用了一个蠢方法，把router.config.js里每个路由配置的permission:[‘xx’,‘xx’]这块都删掉，包括permission，这样路由权限就不存在了，后期要加的话再加 ...
ant design pro 中 组建的history属性由来
jjw_zyfx的博客
06-10 1085
因为只有在.umi/router.js中找到了<Router history={window.g_history}> 这个一句，所以猜测4处获取的history是通过1处传递的,但是现在还是不太清楚Router中的history是通过何中方式挂载到组件中的props属性上的,但是只要是经过router.config.js这个文件中的路由的组件都能在其组件中获取到history属性...
ant design proV1.0的采坑之旅 （动态创建菜单、访问mock数据、富文本编辑器）
qietingfengdeyanse的专栏
07-27 1万+
       最近公司做一个后台管理系统，犹豫半天还是想用ant design，后来发现他们有现成的脚手架 ant design pro ( github地址 )，果断拉代码下来运行起来。 一：ant design pro 项目目录结构和流程 整体目录大概长这个样子  src里面是这样子 重要的就是mock文件和src文件咯，mock文件里面主要是用来本地构建请求返回的假数据（不是从服务器...
ant-design-pro 动态菜单-路由详解
热门推荐
埃尔斯的博客
03-20 2万+
ant-design-pro 动态菜单-路由详解 最近利用ant-design-pro开发项目要实现之前的项目嵌入到新项目里来，并且根据和后台的接口返回的数据显示侧边栏菜单。既然是是利用别人的架构那当然是从文档中找实现的方法，终于不负苦心人在https://pro.ant.design/docs/router-and-nav-cn文档那里找到初步的解决方法 进入src/layouts/Basil...
ant-design-vue-pro
03-16
ant-design-vue-pro 是一个基于 Ant Design Vue 的企业级中后台前端解决方案，提供了丰富的组件和模板，可以快速搭建出高质量的中后台管理系统。它支持多种主题风格，具有响应式布局和可配置的菜单路由，同时也提供...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值