您的当前位置：首页>全部文章>文章详情

【AntDesignPro】Ant Design Pro学习记录—自定义菜单选中

CrazyPanda发表于：2023-11-28 21:25:59浏览：755次TAG：

页面增删改查，打开子页面时，要让父页面菜单选中，参考官网给出的方案菜单的高级用法 - Ant Design Pro

使用的V5版本，直接设置 parentKeys:['/product'] 即可

export default [
  {
    path: '/product',
    // 不展示菜单
    menuRender: false,
    name: '产品管理',
  },
  {
    path: '/list/:id',
    // 编辑的时候使用顶部菜单
    layout: 'top',
    name: '列表详情',
    parentKeys: ['/product'],
  },
];

混合式菜单设置：

参考https://www.cnblogs.com/steamed-twisted-roll/p/15394378.html

猜你喜欢

: 【AntDesignPro】Ant Design Pro学习记录—默认主题配色修改;  版本： Ant Design Pro V5先参考下官网定制主题 - Ant Design再参考这篇文章antd pro 修改全局样式_tankpanv的博客-CSDN博客_antd修改全局样式最后自己实验：第一步，在config.ts文件中配置theme: {     'primary-color': defaultSettings.primaryColor,   },这种配置需; 发表于：2023-11-28 浏览：776 TAG：

: 【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（一）; 目录一、关于ProTable二、使用步骤1.新建页面2.修改接口3.接口调用4.数据显示和检索1）不同类型内容显示2）列表检索3）列表内容样式设置5.其它1）render的简单使用2）图片点击预览3）翻页总结前言因为项目需要，确定了Ant Design Pro框架来开发后台管理端，刚接触这套框架，而且配套的资料真的很少，只能基于官方demo和网上不完整的学习经验一次次尝试，终于有个像样的结果，记录一下研究学习的成果，也给需要的同学一些帮助。本次学习研究基于Ant Design Pro V5版本，; 发表于：2023-11-28 浏览：818 TAG： #前端 #antd #AntDesignPro

: 【React】前端框架 React 学习总结; 目录一、React在HTML里的运用二、React框架的常用操作项目打包1、JSX基础语法规则2、state数据的使用3、生命周期4、数据的双向绑定与Ref5、PropTypes验证规则6、React里的插槽7、错误边界8、直接操作refs元素9、高阶组件的运用案例10、性能优化11、Hook生命周期钩子的使用12、React里的计算属性三、组件之间的传值1、父子组件之间传值2、子向父传值3、context实现跨层级通信context hook案例四、网络请求框架使用五、React路由的使用声明; 发表于：2023-12-05 浏览：878 TAG： #php

: 【AntDesignPro】Ant Design Pro学习记录—自定义菜单选中; 页面增删改查，打开子页面时，要让父页面菜单选中，参考官网给出的方案菜单的高级用法 - Ant Design Pro 使用的V5版本，直接设置 parentKeys:['/product'] 即可export default [   {     path: '/product',     // 不展示菜单  ; 发表于：2023-11-28 浏览：756 TAG：

: 【React】react页面加载远程css和js; 在React中，您可以使用componentDidMount生命周期方法来动态加载远程CSS和JavaScript文件。代码如下import React, { Component } from 'react';   class DynamicResources extends Component {   componentDidMount()&nbs; 发表于：2024-05-15 浏览：268 TAG：

: 【React】 react 绘制矩形; 在React中绘制矩形，可以使用HTML5的<canvas>元素结合React组件的生命周期方法来实现。以下是一个简单的React组件示例，用于绘制矩形：import React, { Component } from 'react';   class Rectangle extends Component {   componentDid; 发表于：2024-04-01 浏览：306 TAG：

: 【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（二）; 目录一、列表检索初始值设置二、字段缩略显示一、列表检索初始值设置使用initialValue属性，配置列表检索的初始值const columns: ProColumns<API.RoomItem>[] = [     {      title: '名称',     &nb; 发表于：2023-11-28 浏览：700 TAG：

: 【AntDesignPro】Ant Design Pro学习记录—ModalForm的使用（二）;  目录一、ModalForm高度设置二、ModalForm点击阴影背景，不隐藏弹框三、ProFormSelect联动四、ProFormText关联赋值一、ModalForm高度设置在modalProps中设置bodyStyle:{height:500,overflowY:'scroll'}编辑效果如下：编辑二、ModalForm点击阴影背景，不隐藏弹框同样在modalProps里面，配置maskClosable: false,就可以实现点击弹框外阴影，不隐藏弹框<; 发表于：2023-11-28 浏览：1178 TAG：

: 【AntDesignPro】Ant Design Pro学习记录—DrawerForm的使用; 在AntDesignPro中，ModalForm和DrawerForm是我最常用的两个表单组件，配置上，他们有很多相同的地方，也有差异的地方，相比较而言，DrawerForm我使用的更多。ModalForm<ModalForm         title={标题}         width={600}   &n; 发表于：2024-05-17 浏览：461 TAG：

: 【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（三）; 一、自定义检索条件部分列表页需要做一些简单的数据汇总统计，并能够跟随检索条件自动变化，protable自带的功能没有找到对应的实现方法，最后决定自己来实现这个功能。1、关闭ProTable自带检索功能search={false}2、自定义检索表单在ProTable上方加入自定义表单<Card bordered={false} style={{ marginBottom: 15 }}>     ; 发表于：2024-02-20 浏览：477 TAG：

栏目分类全部>

推荐文章

