Vuetify v-spacer не действует

Question

В моем модальном , пробую воткнуть один блок в низ блокировать с помощью , но не действует. Что я делаю не так? Пример : https://codesandbox.io/s/vuetify-template-viov1?file= / src / App. vue Я также попытался решить эту проблему, добавив "d-flex flex-column" к родительскому классу col , но в этом случае размер каждой строки является аномальным. https://codesandbox.io/s/vuetify-template-6wr6g

Спасибо за любые подсказки

Answer 1

Это работает: https://codesandbox.io/s/vuetify-template-yns2m?file= / src / App. vue

Проблемы:

• Неправильное использование v-контейнера, v-row и v-col - вызывают странные проблемы с интервалом.
• Должен быть контейнер фиксированной высоты, чтобы v-spacer работала должным образом.

Answer 2

не уверен, почему вы используете так много строк внутри столбцов внутри строк ... это просто высота строки.

посмотрите на этот пример, я установил высоту, и прокладка работает: https://codesandbox.io/s/vuetify-template-s3pe2?file= / src / App. vue