ant-design-vue点击子菜单时父级被缩起来了
时间: 2023-08-13 11:09:09 浏览: 103
这是Ant Design Vue的默认行为,子菜单被点击后会自动收起父级菜单。如果您想禁用这个行为,可以在父级菜单上添加 `:trigger="null"` 属性,如下所示:
```html
<a-sub-menu :key="item.key" :title="item.title" :trigger="null">
<template slot="title">
<a-icon :type="item.icon"></a-icon>
<span>{{ item.title }}</span>
</template>
<a-menu-item v-for="subItem in item.children" :key="subItem.key">
<router-link :to="subItem.path">{{ subItem.title }}</router-link>
</a-menu-item>
</a-sub-menu>
```
这样子菜单被点击后,父级菜单就不会自动收起了。
阅读全文