antd 的导航菜单的overflowedIndicatory用Vue2语法怎么使用

antd的导航菜单的overflowedIndicatory属性是用于控制菜单溢出时的提示标识，它是一个React组件，无法直接在Vue2中使用。如果想在Vue2中实现类似功能，可以使用Vue2的slot和CSS样式来实现。

示例代码如下：

<template>
  <div class="menu-container">
    <a-menu mode="horizontal" :selected-keys="[activeMenu]" :default-selected-keys="[activeMenu]">
      <a-menu-item key="home">
        <router-link to="/">Home</router-link>
      </a-menu-item>
      <a-menu-item key="about">
        <router-link to="/about">About</router-link>
      </a-menu-item>
      <a-menu-item key="contact">
        <router-link to="/contact">Contact</router-link>
      </a-menu-item>
      <a-menu-item key="services">
        <router-link to="/services">Services</router-link>
      </a-menu-item>
      <a-menu-item key="blog">
        <router-link to="/blog">Blog</router-link>
      </a-menu-item>
      <a-menu-item key="careers">
        <router-link to="/careers">Careers</router-link>
      </a-menu-item>
      <a-menu-item key="faq">
        <router-link to="/faq">FAQ</router-link>
      </a-menu-item>
      <a-menu-item key="login" v-if="!loggedIn">
        <router-link to="/login">Login</router-link>
      </a-menu-item>
      <a-menu-item key="logout" v-else>
        <a href="#" @click.prevent="logout">Logout</a>
      </a-menu-item>
      <template v-slot:overflowIndicator>
        <div class="menu-overflow-indicator">...</div>
      </template>
    </a-menu>
  </div>
</template>

<script>
export default {
  name: "Menu",
  props: {
    activeMenu: {
      type: String,
      default: ""
    },
    loggedIn: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    logout() {
      // logout user
    }
  }
};
</script>

<style scoped>
.menu-container {
  display: flex;
  justify-content: center;
}

.menu-overflow-indicator {
  font-size: 24px;
  font-weight: bold;
  color: red;
}
</style>

在组件中，使用了Vue2的slot来插入自定义的菜单溢出提示标识，即`<template v-slot:overflowIndicator>`。在CSS样式中定义了菜单溢出提示标识的样式，即`.menu-overflow-indicator`，可以根据实际需求进行样式设置。