Я пытаюсь добавить предупреждение (для целей проверки) в средство выбора даты Vuetify .... но я не могу заставить его хорошо работать со структурой компонента из Vuetify.
Моя разметка выглядит в основном так:
<v-menu>
<v-text-field><v-text-field>
<v-picker>
<v-layout row>
<v-alert>
</v-layout>
<v-picker>
<v-card-actions>
<v-btn>Cancel</v-btn>
<v-btn>OK</v-btn>
</v-card-actions>
</v-menu>
А вот Codepen демонстрирует проблему.Нажмите на дату, чтобы увидеть мой раскрученный макет: https://codepen.io/jamesfacts/pen/OrMZgx
Я думал, что добавление <v-layout row> вокруг предупреждения даст мне новый ряд внутри сборщика, но без мыла.
Iзнаю, что я могу исправить отображение, задав свойства CSS специально для компонентов Vuetify, но кажется, что это неправильный подход к этому.Есть ли здесь решение Vuetify-y или я должен просто заставить отображаемый HTML-код выглядеть так, как я хочу?