Я хочу создать оболочку для компонента Vuetify select, чтобы мы могли передать свойство для установки размера шрифта компонента.
Поскольку не похоже, что в компоненте есть какие-либо свойства, я думаю о создании конечного диапазона дискретных классов. Затем строка concat имя класса на основе размера, указанного в свойстве.
.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
Хотя этот хак может сработать, кто-нибудь знает, как сделать это динамически? Один и тот же компонент должен иметь возможность создавать текст различного размера на основе переданных ему свойств.
Заранее спасибо за ваши мысли!