antd +jeecgboot 左侧菜单栏点击刷新
时间: 2023-08-02 21:05:49 浏览: 110
在 Ant Design Pro 中,左侧菜单栏的刷新功能是通过调用路由的 history.push 方法实现的。而在 JeecgBoot 中,可以通过以下方式实现:
1. 在菜单组件中添加一个点击事件处理函数,例如 handleMenuClick:
```javascript
handleMenuClick = (e) => {
if (e.key === 'refresh') {
const { dispatch } = this.props;
dispatch({
type: 'menu/getMenuData',
});
}
};
```
2. 在 render 方法中,将该函数绑定到菜单组件的 onClick 事件上:
```javascript
<Menu
theme={menuTheme}
mode="inline"
onOpenChange={this.handleOpenChange}
onClick={this.handleMenuClick}
>
...
<Menu.Item key="refresh">
<Icon type="sync" />
<span>刷新</span>
</Menu.Item>
...
</Menu>
```
3. 在 handleMenuClick 方法中,调用 dispatch 方法触发 menu model 中的 getMenuData 方法,该方法会重新获取菜单数据并更新菜单组件。
注意:以上代码是基于 JeecgBoot 3.8.0 版本的,如果你使用的是其他版本,则可能需要根据实际情况进行调整。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)