如何禁用v-menu hover时透明度变化，仅保留展开时效果

要只保留菜单展开时的透明度变化，禁用悬停触发时的效果，你可以通过针对性覆盖CSS样式实现，避免全局修改影响其他组件：

• 给v-menu组件添加自定义类名，比如no-hover-opacity：

  <v-menu trigger="hover" class="no-hover-opacity">
    <!-- 菜单内容 -->
  </v-menu>
  

• 在样式中覆盖触发元素的hover透明度：

  .no-hover-opacity .v-menu__activator:hover {
    opacity: 1 !important; /* 强制保持初始透明度，取消悬停时的变化 */
  }
  

你之前在开发者工具中修改v-hover-opacity: 0.0的方式虽然能生效，但这是全局变量修改，会影响所有使用该变量的Vuetify组件（比如v-btn、v-card等的hover效果），因此不推荐这种全局修改的做法。

内容的提问来源于stack exchange，提问作者Scott