Vuetify добавляет стиль в v-слот: метка
У меня есть код Vuetify, который выглядит так
<v-radio-group v-model="gender" column class="radio-group-full-width">
<v-radio value="Boy">
<template v-slot:label>
<v-textarea
v-model="answer"
v-validate="'required'"
required
:error-messages="
errors.collect('form-create.answer')
"
label="Answer 1"
data-vv-name="answer"
type="text"
></v-textarea>
</template>
</v-radio>
</v-radio-group>
Проблема в том, что я хочу, чтобы текстовая область была полной ширины, но тег label, который генерируется слотом шаблона vuetify, блокирует это. У вас есть идеи, как я могу это исправить?
1 ответ
Ответ работал у меня с небольшой модификацией фигурных скобок:
.radio-full-width >>> label {
width: 100%;
}