vuetify, v-card-subtitle:标题…这是做什么的?



我正在研究一个使用大量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。我尝试了以下方法-

  • spandiv包裹标题
  • 添加添加类或子类

但是,运气不好。

哦,这只是Vue绑定到变量的常规HTML title属性。我们可以使用v-bind:语法将变量绑定到任何HTML属性,而不仅仅是组件道具。

注意,如果一个属性没有被组件绑定,它会被下推到组件的根元素。我们把它叫做Fallthough属性。

因此,您的v-card-subtitle呈现一个div与HTML标题属性,设置为display.content中的值。是的,本地标题不能样式化。

但是你可以用Vuetify的v-tooltip代替它们。你可以为它们设置样式,改变它们的位置,并且它们与其他Vuetify组件非常适合。

最新更新