我正在研究一个使用大量Vuetify和v-card
组件的项目。其中一种成分是<v-card-subtitle>
,其使用方式如下-
<v-card-subtitle :title="display.content">
Hello World
</v-card-subtitle>
当我悬停在v-card-subtitle
上时,:title
显示一个小弹出框,我想样式这个弹出框,但它看起来像一个固有的Vuetify属性,也许?
什么是:title
,它是如何工作的?有人熟悉这个吗?我在文档中找不到这个
我想样式:title
特别,而不是v-card-subtitle
。我尝试了以下方法-
- 用
span
和div
包裹标题 - 添加添加类或子类
但是,运气不好。
哦,这只是Vue绑定到变量的常规HTML title属性。我们可以使用v-bind
或:
语法将变量绑定到任何HTML属性,而不仅仅是组件道具。
注意,如果一个属性没有被组件绑定,它会被下推到组件的根元素。我们把它叫做Fallthough属性。
因此,您的v-card-subtitle
呈现一个div与HTML标题属性,设置为display.content
中的值。是的,本地标题不能样式化。
但是你可以用Vuetify的v-tooltip
代替它们。你可以为它们设置样式,改变它们的位置,并且它们与其他Vuetify组件非常适合。