Vuetify3 VNavigationDrawer частично скрывается после обновления до 3.6.0
Версия Vue: 3.4.21 Версия Vuetify: 3.5.8
Я хочу использовать компонент VEmptyState, но он доступен только в Vuetify версии 3.6.0 и более поздних версиях. После обновления версии моего проекта до 3.6.0 я обнаружил, что некоторые компоненты VNavigationDrawer в моем проекте, которые раньше управлялись кнопками для отображения и скрытия, теперь постоянно отображаются на экране и видны только наполовину. На игровой площадке я написал демо-версию, и если вы переключите версию vuetify на 3.5.8, она сможет работать нормально.
Адрес детской площадки: https://play.vuetifyjs.com/#...
Я надеюсь, что компонентом VNavigationDrawer можно будет управлять кнопкой показа и скрытия, как в старой версии (3.5.8).
Ответы 1
Вы установили опору temporary, которая применяет альтернативные стили для мобильных устройств для VNavigationDrawer, VNavigationDrawer откроется с наложением, которое имеет очень высокий z-index и не позволяет вам взаимодействовать с другим пользовательским интерфейсом под панелью навигации. Закрыть VNavigationDrawer можно только кнопкой внутри ящика или снять подпорку persistent с VNavigationDrawer.
VNavigationDrawer отображаются постоянно, потому что вы добавляете к нему класс w-33, просто удалите его. Если вы хотите установить ширину ящика, используйте его ссылку https://vuetifyjs.com/en/api/v-navigation-drawer/#props-width