嵌套v槽不符合新政策

时间:2019-03-05 18:55:52

标签: vuetify.js

我正在尝试清理代码并迁移到V型槽。我在使用v-icon上的v-tooltip来获取v-menu的正确语法时遇到麻烦。根据文档,它应该看起来像这样:

例如:

<v-menu>
  <v-tooltip>
   <template v-slot:activator="{ on}">
    <v-icon v-on="on">some-image</v-icon>
   </template>
   <span>My Tooltip</span>
  </v-tooltip>
  <v-card>MyPopupMenuCode</v-card>
</v-menu>

但是,当我这样做时,页面上未显示v图标。如果我在v-tooltip和v-icon中都添加slot =“ activator”,它的确会显示在页面上。但是,这似乎是不推荐使用的处理方式。

还有更正确的方法吗?

0 个答案:

没有答案