向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通常会"传递"您的自定义属性，除非它们与API中的某些内容发生冲突。换句话说，这个将工作(从你的问题中不清楚你尝试了什么没有尝试(：

<v-btn itemprop="thing" />

然而，一个更通用、更稳定的解决方案可能是将该标记添加到包装元素中，或者创建自己的组件来包装Vuetify组件。或者使用<meta>标记(是的，它们在正文中是允许的(。