Ant Design Pro 左侧菜单栏一直固定展开

最新推荐文章于 2024-05-21 17:22:22 发布
最新推荐文章于 2024-05-21 17:22:22 发布
阅读量3.7k 收藏
点赞数
分类专栏： antd antd pro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh0623/article/details/115048548
版权

如题,因为项目需求需要加这个功能,所以查了下资料,只需要在两个地方设置一下

1.defaultSettings 文件添加 openKeys:false

2.layouts 文件下BasicLayout.jsx文件添加 openKeys={false} 

两处设置就可以了

他夏了夏天吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
react好租客项目Day01-项目演示&项目搭建&antd-mobile的TabBar使用
码化疼
11-30 1924
好客租房移动Web - 上 目标 能够初始化项目 能够使用 antd-mobile 组件库 能够完成项目整体布局 能够理解嵌套路由 能够使用antd-mobile提供的TabBar组件 能够对TabBar进行定制 能够实现首页路由的处理 项目介绍 好客租房 - 移动 Web 端 项目介绍：本项目是一个在线租房项目，实现了类似链家等项目的功能，解决了用户租房的需求 核心业务：在线找房（地图、条...
ant design pro动态菜单
03-30
Ant Design Pro提供了相应的API来支持这些功能，如`defaultSelectedKeys`和`defaultOpenKeys`可以设置初始选中和展开的菜单项。 此外，动态菜单还涉及到路由的配置。在Ant Design Pro中，通常会结合`@umijs/plugin-...
Ant Design Pro 左侧菜单设置为默认不展开
Gonwe的博客
02-23 3937
Ant Design Pro 左侧菜单设置为默认不展开需要效果功能实现找到BasicLayout.jsx,在ProLayout写上 collapsed 就可以了 需要效果 功能实现 找到BasicLayout.jsx,在ProLayout写上 collapsed 就可以了
Antd pro Layout 左侧菜单一直展开
weixin_42274697的博客
09-11 5165
期望：左侧菜单默认展开， click子菜单不会自动收缩 Antd 官方已经把这个属性加到pro layout里了 只是目前文档里没有写 虽然只要了要加 openKeys=false 但是加在哪里？？？ 两个地方可以加 defaultSettings.js 文件 layouts????-> BasicLayout.jsx文件 为Antd团队 ???? ...
Ant Design Pro 实现动态菜单
最新发布
SongZhengxing_的博客
05-21 580
当我们使用了动态返回的菜单时，图标就不出现了，这时需要手动映射icon图标，可参考。中不存在的路由信息，页面将会无法访问，具体问题可参考（最终实现的效果，先给管理员和普通和用户分配不同的菜单。前提说明：实现动态路由时，所有的路由都必须提前在。的 layout 方法，在配置中添加。切换登录不同角色的用户，会显示不同的菜单。实现过程中遇到的问题以及解决方法。接口返回的data菜单格式和。这里二级菜单的图标没有，官方是。中注册好，如果动态返回了。属性即可实现动态菜单。
ant design vue pro 1.7.8(for vue2) 默认展开菜单
okfang616的博客
11-11 3772
期望：左侧一级菜单都默认展开。试了很多网上的方法，比如在 `defaultSettings.js` 中设置 `openKeys: false`，都不管用，后来自己摸索出了一种解决方案，如下
Ant-Design-Pro-V5：默认侧面菜单栏伸缩按钮调整到顶部。
~~~
06-09 878
Ant-Design-Pro-V5：默认侧面菜单栏伸缩按钮调整到顶部。
Antd vue左侧动态菜单刷新自动展开选中并只能展开一个
热门推荐
qq_35069272的博客
03-20 1万+
用ANTD-Vue做管理页面的左侧菜单 需要在刷新后也能保持左侧菜单被选中和展开 且只能展开一个菜单 成品效果图 1.在刷新后保持菜单选中 这个比较简单 ANTD的API中提供了一个defaultSelectedKeys参数 描述：初始选中的菜单项 key 数组 类型： string[] 自己手动实验得知意思就是在数组中填入字符串 例如[‘key’] 默认值为空 一级菜单和子菜单都有一个key属......
ant design pro新版本动态菜单
12-26
基于12月版本的ant design pro开源项目的动态菜单生成的完整方法附代码，粘贴就可使用，简单方便。内含解说。直接能用，本人亲测，非诚勿扰！！！
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
解决antd side侧边栏菜单收缩时二级菜单不跟随
kzj0916的博客
08-19 1532
借用下图片，大概就是这种bug，直接看怎么解决吧，简单记录一下，有遇到相同问题的可以试试我这样的方法。我又回来了，BUG BUG BUG…核心代码都在上面，且有注释！
ant design pro侧边栏子菜单添加不成功的解决办法
GinoX的博客
12-30 768
项目场景： Ant design pro侧边栏添加子菜单 问题描述： 在企业工作中 Ant design pro侧边栏添加子菜单如果不成功要检查以下几个部分 原因分析： 刚进公司的新员工如果接触到新的框架和脚手架，找不到要添加的目录，可以ctrl+shift+f，打开全局搜索，复制个路由 全局搜索下 看看走了那些流程，按照该就成了。 解决方案： 一、如果部署了权限，要在src文件夹中的global.ts文件（我的开发环境是react hooks+ts），把useAllPermissions的fal
使用react+ant design左侧导航默认选中和展开
luckysyy的博客
11-01 1万+
1.<Menu theme='dark' mode='inline' selectedKeys={[selectedKey]} onClick={this.menuClick} onOpenChange={this.onOpenChange} openKeys={[openKey]}</Menu> 2.this.state = { selectedKey: this.pro...
基于ant design vue的右侧固定按钮
qq_39930070的博客
08-19 3047
基于ant design vue的右侧固定按钮
vue-element-admin 左侧的导航栏固定展开，不关闭
jiangyue2694的博客
10-19 4324
vue-element-admin 左侧的导航栏固定展开，不关闭 项目需要把左侧的导航栏固定打开，不关闭 我们只需要打开store-modules-app.js文件中，把下面的代码给修改就可以了
antd pro v5 从接口获取部分菜单,拼接到固定菜单上
weixin_46424838的博客
07-14 568
1.根据官网提示,在app.tsx上做出更改 把从接口获取的菜单修改好格式后返回,然后拼接到已有菜单中,拼接处见下图 2.去config.ts里,注释原有路由设置 注意: 1.不注释掉原本地路由的话,页面会跳404 2.由于从接口获取数据为异步,所以偶现菜单迟滞显示 ...
antd——自定义菜单——基础积累
yehaocheng520的博客
02-16 8956
最近在用antd的框架，框架的具体样式如下： 由于此菜单比较常规，现有设计图如下： 给出的菜单触发要求： 左菜单实现规则： 显示： 鼠标点击相应的一级菜单，右边浮动面板出现 注：鼠标hover其他一级菜单，右边浮动面板 不会切换 关闭： 1、鼠标点击其他一级菜单，右边浮动面板 切换到相应的内容 2、点击面板右上角关闭图标也可消失 跳转： 点击三级菜单跳转到相应页面 因此需要对antd框架的菜单部分进行相应的改动。 1.antd的菜单组件位置——src/components/menu/SideM
ant-design-vue中menu菜单无法默认展开的问题
weixin_40659167的博客
06-25 1万+
在ant-design-vue的文档中， menu有两个可以传的参数，分别为defaultOpenKeys和openKeys，但在接手做一个项目时，openKeys这个参数前人已经写了，可能是从文档中直接复制demo没有删除掉，我也没去管。等到需要用到这个defaultOpenKeys的时候，想做每次刷新还会再次打开上次打开的菜单的效果，但一直无效，网上也没有查到有类似的情况，后面只能自己去看源...
ant design pro vue左侧菜单自定义文字
07-14
在 Ant Design Pro Vue 中，你可以通过修改 `config/menuConfig.js` 文件来自定义左侧菜单的文字。 1. 打开项目中的 `config/menuConfig.js` 文件。 2. 在文件中找到你想要自定义文字的菜单项。 3. 修改对应菜单项的 `name` 属性，将其值改为你想要显示的文字。 例如，如果你想将菜单项 "Dashboard" 改为 "仪表盘"，你可以将其对应的 `name` 属性修改如下： ```javascript { path: '/dashboard', name: '仪表盘', icon: 'dashboard', }, ``` 保存文件后，重新编译运行项目，你将看到左侧菜单中的文字已经被自定义为你想要的内容。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值