ant desgin vue 中a-menu 菜单vertical模式去掉右边的竖线

在 `a-menu` 组件的竖直模式（`vertical`）下，菜单项之间默认会显示竖线分隔符。如果你想要去掉菜单项之间的竖线，可以使用 CSS 样式来实现。

下面是一种去掉 `a-menu` 组件竖直模式下菜单项之间竖线的样式方案：

<template>
  <a-menu :mode="'vertical'" class="custom-menu">
    <a-menu-item>菜单项1</a-menu-item>
    <a-menu-item>菜单项2</a-menu-item>
    <a-menu-item>菜单项3</a-menu-item>
  </a-menu>
</template>

<style>
.custom-menu.ant-menu-vertical .ant-menu-item::after {
  border-right: none;
}
</style>

在上面的代码中，我们给 `a-menu` 组件添加了一个 `custom-menu` 类名，并使用 CSS 选择器 `.custom-menu.ant-menu-vertical .ant-menu-item::after` 来选择菜单项后面的竖线元素，并将其 `border-right` 样式设置为 `none`，从而去掉了菜单项之间的竖线。

注意，这种方案可能会受到 Ant Design Vue 组件库的版本更新影响，如果版本更新后样式不生效，可以查看组件库的文档或者使用其他解决方案。