VueJS：从组件A导航到B后，下拉菜单不起作用

Question

我正在创建添加到多个视图中的标头组件。 假设您在登录组件上，并且成功登录后，您将被重定向到使用标头组件的home组件。

我的问题是，当VueJS Router将用户重定向到/ home组件时，下拉操作不起作用。但是，如果从我的浏览器重新加载页面（主视图），则该下拉列表效果很好。

在VueJS路由器导航到Home组件时，是否还需要执行其他操作来启用下拉动作？

header.vue

<template>
  <div>
    <a href="#" class="m-menu__link m-menu__toggle">
      <i class="m-menu__link-icon flaticon-add"></i>
      <span class="m-menu__link-text">
        Actions
      </span>
      <i class="m-menu__hor-arrow la la-angle-down"></i>
      <i class="m-menu__ver-arrow la la-angle-right"></i>
    </a>
    <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
      <span class="m-menu__arrow m-menu__arrow--adjust"></span>
      <ul class="m-menu__subnav">
        <li class="m-menu__item " aria-haspopup="true">
          <a href="../../header/actions.html" class="m-menu__link ">
            <i class="m-menu__link-icon flaticon-file"></i>
            <span class="m-menu__link-text">
              Create New Post
            </span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>