使用 v-menu 和样式不起作用

Question

我正在使用vue，我实现了我的菜单，到目前为止一切都很好，但现在我想用css 更改颜色、大小、字体等，搜索网络到目前为止没有任何效果我

<v-toolbar-items>
        <v-menu :rounded="rounded" open-on-hover offset-y transition="slide-x-transition" bottom right>
          <template v-slot:activator="{ on, attrs }">
            <v-btn flat v-bind="attrs" v-on="on"> Masterlist </v-btn>
          </template>
          <v-list dense>
            <v-list-item v-for="(item, index) in Masterlist" :key="index" router :to="item.link">
              <v-list-item-action>
                <v-list-item-title>{{ item.title }}</v-list-item-title>
              </v-list-item-action>
            </v-list-item>
          </v-list>

这就是我目前所拥有的，有什么方法可以设置我的菜单样式吗？

Answer 1

在 Nuxt，class 或 style 确实不适用于 v-menus。安装后正在计算菜单样式。您应该使用content-class 设置自定义样式。示例：

<v-menu content-class="my-class">
    <!--Anything-->
<v-menu>