react中antd刷新页面及后退时菜单栏高亮问题

Posted 2023-05-08

参考技术A

1、引用 import withRouter from "react-router-dom" ，用withRouter包裹返回的属性值history:
export default withRouter(SideNav),
2、Menu的selectedKeys赋值：
selectedKeys=[this.props.history.location.pathname]

使用antd+vue实现动态菜单栏，刷新过后仍然选中，含有二级分类自动展开

参考技术A

这个比较简单
antd的API中提供了一个defaultSelectedKeys参数
在菜单标签中设置 defaultSelectedKeys属性指向this.$route.path即可完成

这时需要用到两个API
openKeys 当前展开的 SubMenu 菜单项 key 数组
openChange 展开/关闭的回调