Vue.js 顺风及；Vue路由器-下拉菜单不显示'；单击菜单项时不能关闭

我在tailwind&vue路由器中使用以下下拉菜单

我需要在下拉菜单中使用

，但我发现这样做，一旦你点击菜单链接，下拉菜单就不会像它应该做的那样关闭。使用正常的

元素，下拉列表将按应有的方式关闭

代码如下：

下拉式元件组件

<div v-if="isOpen == false" class="dropdown inline-block relative sm:ml-20">
          <button class="text-gray-700 font-normal py-2 px-4 rounded inline-flex items-center">
            <span class="mr-1 cursor-default">Vita</span>
          </button>
          <ul class="w-32 dropdown-menu absolute hidden text-gray-700 pt-1 shadow-lg z-10">
            <li > <router-link to="/biografia"> <a class="rounded-t bg-white hover:bg-gray-200 py-2 px-4 block whitespace-no-wrap text-sm"> Bio </a> </router-link> </li>
            <li > <router-link to="/tour"> <a class="bg-white hover:bg-gray-200 py-2 px-4 block whitespace-no-wrap text-sm"> Tour </a> </router-link> </li>
            <li > <router-link to="/foto"> <a class="bg-white hover:bg-gray-200 py-2 px-4 block whitespace-no-wrap text-sm"> Foto </a> </router-link> </li>
            <li > <router-link to="/video"> <a class="rounded-b bg-white  hover:bg-gray-200 py-2 px-4 block whitespace-no-wrap text-sm"> Video </a> </router-link> </li>
          </ul>
        </div>
}

.dropdown:hover .dropdown-menu {
  display: block;
} 

如何使用

实现此功能

---

谢谢

路由器链接

为您打开一个插槽以启用自定义。过去，当

路由器链接

处于活动状态时，我曾使用此方法将样式应用于外部

li

元素，但您也可以使用相同的方法关闭下拉列表

  <router-link
    to="/"
    v-slot="{ href, route, navigate, isActive, isExactActive }"
  >
    <a
      :href="href"
      @click="isOpen = false; navigate($event)"
    >
      Homepage
    </a>
  </router-link>

---

路由器链接

为您打开一个插槽，以启用自定义。过去，当

路由器链接

处于活动状态时，我曾使用此方法将样式应用于外部

li

元素，但您也可以使用相同的方法关闭下拉列表

  <router-link
    to="/"
    v-slot="{ href, route, navigate, isActive, isExactActive }"
  >
    <a
      :href="href"
      @click="isOpen = false; navigate($event)"
    >
      Homepage
    </a>
  </router-link>

---

RouterLink在其位置生成一个元素。不需要在内部嵌套另一个链接。只需将tailwind类应用于RouterLink组件。好吧，这是一个很好的建议，但它仍然不能正常工作。您可以发布更多的代码吗，尤其是在定义了

的地方？更有用的是JSFIDLE或类似站点上的工作示例。RouterLink在其位置生成一个元素。不需要在内部嵌套另一个链接。只需将tailwind类应用于RouterLink组件。好吧，这是一个很好的建议，但它仍然不能正常工作。您可以发布更多的代码吗，尤其是在定义了

的地方？更有用的是在JSFIDLE或类似站点上提供一个工作示例。