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通常会“传递”您的自定义属性，除非它们与API中的内容冲突。换句话说，这将有效（从您的问题中不清楚您尝试过的尝试没有做到）：

<v-btn itemprop="thing" />

但是，更通用，更稳定的解决方案可能是将标记添加到包装元素，或者创建自己的包装Vuetify组件的组件。或使用<meta>标签（是，它们在体内是允许的）。

将自定义属性添加到Vuetify标签

1 个答案: