将Vuetify组件文本大小自定义为属性

时间:2019-05-30 17:50:03

标签: vuejs2 font-size vuetify.js

我希望为Vuetify选择组件做一个包装,以便我们可以传入一个属性来设置组件的字体大小。

由于它看起来像组件上没有任何属性,所以我想生成有限范围的离散类。然后根据属性中提供的大小,字符串连接类的名称。

.12px_select .v-select .v-select__selections { font-size: 12px; } 
.13px_select .v-select .v-select__selections { font-size: 13px; } 
.14px_select .v-select .v-select__selections { font-size: 14px; } 

https://vuetifyjs.com/en/components/selects

尽管此黑客可能有效,但有人知道如何动态地执行此操作吗?同一组件必须能够根据传递给它的属性产生不同大小的文本。

提前感谢您的想法!

0 个答案:

没有答案