向 Vuetify 标签添加自定义属性

Question

我如何向Vuetify标签添加自定义属性。我想向我的网站添加一些Schema.org属性。

我有这样的模板：

<template>
    <v-container>
        <v-layout row wrap >
            <v-flex xs12>
                <h1 class="content-title display-1">{{ post.title }}</h1>
            </v-flex>
            <v-flex xs12>
                <div class="content-body" v-html="getMarkdown(post.text)"></div>
            </v-flex>
        </v-layout>
    </v-container>
</template>

Answer 1

Vuetify 通常会 \xe2\x80\x9c 传递 \xe2\x80\x9d 您的自定义属性，除非它们与 API 中的某些内容发生冲突。换句话说，这会起作用（从你的问题中不清楚你尝试了什么但没有）：

\n

<v-btn itemprop="thing" />\n

\n

然而，更通用和稳定的解决方案可能是将该标记添加到包装元素中，或者创建您自己的包装 Vuetify 组件的组件。或者使用<meta>标签（是的，它们可以出现在正文中）。

\n