仍然有将非HTML标记（如v-btn绑定到Nuxt的标记属性）

Question

所以这是我在编辑器上键入的代码

<nuxt-link :to="www.test.com" tag="v-btn" /> Link Button </nuxt-link>

显然，v-btn不是HTML原始标签，而是特定的vuetify标签，当我以这种方式编写代码时，它实际上不起作用，并且我无法获得与v-btn标签绑定的样式。所以我想知道是否真的有办法做到这一点...

ps：在下面用这种方式用nuxt-link标签包装v-btn

<nuxt-link to="www.text.com">
     <v-btn>Link Button</v-btn> 
</nuxt-link>

使按钮成为链接并可以实际使用，但是不能在任何地方使用，因为某些vuetify标签相互关联，并且在其中添加非vuetify标签会破坏样式，如下面的示例所示，这是使用v -btn在v-toolbar-item中，通常v-btn在v-toolbar-item中具有特殊样式，但是当我们用nuxt-link包装它时，它会丢失所有样式。

      <v-toolbar-items>
      <nuxt-link :to="www.test.com>
        <v-btn>Link Button</v-btn>
      </nuxt-link>
      </v-toolbar-items>

Answer 1

Vuetify中的v-btn组件具有nuxt属性来处理Nuxt.js：

<v-btn nuxt to="www.text.com">Link Button</v-btn>

请参阅有关“ nuxt”属性的vuetify文档：https://vuetifyjs.com/en/components/buttons/#api