【问题标题】:Vuetify navigation drawer keeps showing itself whenever refresh the pageVuetify 导航抽屉在刷新页面时不断显示
【发布时间】:2019-09-06 07:29:57
【问题描述】:
我正在尝试使用 Vuetify 为我的页面构建一个导航抽屉。每当我刷新页面或出现在页面开头时,导航抽屉就会不断显示。是否可以禁用它?
``https://codepen.io/yuisnow/pen/bJYzvz
我希望在任何情况下都应该隐藏导航抽屉。仅在用户单击汉堡菜单按钮时显示,但在我刷新页面时导航抽屉会继续显示。
【问题讨论】:
标签:
vue.js
vuejs2
navigation-drawer
vuetify.js
【解决方案1】:
在你的 JS 中删除 'false' 中的引号。
new Vue({
el: '#app',
data () {
return {
sideNav: null,
}
},
created () {
this.sideNav=false;
}
})
【解决方案2】:
只需删除创建的钩子
问题解决了,
之前在您创建的钩子上,您已经有一个值“this.sideNav=false;”
所以它是一个有效的sideNav值,所以抽屉被激活