javascript - Vuetify - 应用导航抽屉不会将内容推送到一边
问题描述
我有一个导航抽屉,它不会在将内容mini.variant
从opened
.
<v-navigation-drawer
class="chatbar--gradient"
app
right
:mini-variant.sync="closed"
mini-variant-width="70"
width="250px"
></v-navigation-drawer>
App.vue
:
<v-app dark>
<app-navbar></app-navbar>
<navigation-bar></navigation-bar>
<v-slide-y-transition>
<chat-sidebar></chat-sidebar>**
<!-- THIS IS THE MODAL FROM ABOVE -->
**
</v-slide-y-transition>
<v-content>
<keep-alive>
<transition name="fade">
<router-view :key="$route.fullPath" />
</transition>
</keep-alive>
<display-name-entry-modal></display-name-entry-modal>
</v-content>
<v-footer v-if="$vuetify.breakpoint.smAndUp" tile padless height="3px" app class="pageFooter"></v-footer>
<bottom-nav v-if="$vuetify.breakpoint.smAndDown"></bottom-nav>
</v-app>
解决方案
推荐阅读
- python - 将数据从 Django 视图传递到模板
- reactjs - 没有帐单地址的 Paypal 智能按钮?
- python - 为什么我在使用 beautifulsoup 和 request 登录后无法抓取下一页?
- kotlin - @Inject 不适用于 Quarkus + Vertx + Kotlin
- typescript - 如何在 TypeScript 中创建预定义的可接受的数组值?
- python - DQN - 无法解决 Cartpole-v1 - 我做错了什么?
- oracle-adf - 瞬态 VO 迭代器没有返回正确的索引
- c# - 在更新所有属性之前如何观察对象的状态?
- java - 在二维数组中查找所有最短路径
- vuejs2 - 如何在vue中正确显示图像