antdesign pro vue pro-layout怎么手动设置菜单高亮

在 antd pro vue 中，可以通过手动设置菜单高亮的方式来实现。具体步骤如下：

1. 在 `config/config.js` 中找到 `layout` 配置，设置 `disableContentMargin: true`，以禁用默认的菜单高亮样式。

2. 在 `src/layouts/BasicLayout.vue` 中找到 `PageHeaderWrapper` 组件，添加 `:title="false"` 属性，以禁用默认的页面标题。

3. 在 `src/layouts/BasicLayout.vue` 中找到 `SiderMenu` 组件，添加 `:selectedKeys="selectedKeys"` 属性，其中 `selectedKeys` 是一个数组，存储当前选中的菜单项的 key 值。

4. 在 `src/layouts/BasicLayout.vue` 中添加一个 `watch`，监听路由变化，更新 `selectedKeys` 数组的值。具体代码如下：

watch: {
  '$route'(to, from) {
    const path = to.path
    const menus = this.menuData
    const selectedKeys = []
    menus.forEach(item => {
      if (item.children) {
        item.children.forEach(child => {
          if (child.path === path) {
            selectedKeys.push(child.key)
          }
        })
      } else if (item.path === path) {
        selectedKeys.push(item.key)
      }
    })
    this.selectedKeys = [...selectedKeys]
  }
}

以上就是手动设置菜单高亮的步骤，希望对你有所帮助。