在Vuetify 2.x中使用v-stepper和v-menu

Question

我是新来的验证人。我正在使用步进器和菜单的组合。当我单击菜单时弹出菜单，但在悬停菜单上弹出菜单时，该组合菜单工作正常。如果有人可以帮助我，我将非常感谢。

<div id="app">
  <v-app>
    <v-stepper alt-labels non-linear class="elevation-0">
      <v-stepper-header>    
          <template v-for="i in 3">
            <v-menu open-on-hover top offset-y>
              <template v-slot:activator="{ on }">
                <v-stepper-step
                  v-on="on"
                  :step="i"
                >
                </v-stepper-step>
              </template>
        <v-list>
          <v-list-item
            v-for="item in items"
            :key="item"
          >
            <v-list-item-title>{{ item.title }}</v-list-item-title>
          </v-list-item>
        </v-list>
        </v-menu>
      </template>
      </v-stepper-header>  
    </v-stepper>
  </v-app>
</div>

这是通过简单的组合实现的Link。