Vue.js 每当刷新页面时,Vuetify导航抽屉都会自动显示

Vue.js 每当刷新页面时,Vuetify导航抽屉都会自动显示,vue.js,vuejs2,navigation-drawer,vuetify.js,Vue.js,Vuejs2,Navigation Drawer,Vuetify.js,我正在尝试使用Vuetify为我的页面构建导航抽屉。每当我刷新页面或出现在页面开头时,导航抽屉就会显示出来。可以禁用它吗 ``https://codepen.io/yuisnow/pen/bJYzvz 我希望导航抽屉在任何情况下都应该隐藏起来。仅当用户单击hamburger菜单按钮时显示,但当我刷新页面时,导航抽屉会一直显示。删除JS中“false”的引号 new Vue({ el: '#app', data () { return { sideNav: n

我正在尝试使用Vuetify为我的页面构建导航抽屉。每当我刷新页面或出现在页面开头时,导航抽屉就会显示出来。可以禁用它吗

``https://codepen.io/yuisnow/pen/bJYzvz

我希望导航抽屉在任何情况下都应该隐藏起来。仅当用户单击hamburger菜单按钮时显示,但当我刷新页面时,导航抽屉会一直显示。

删除JS中“false”的引号

new Vue({
  el: '#app',
  data () {
      return {
        sideNav: null,
      }
    },
  created () {
    this.sideNav=false;
  }
})

删除JS中“false”的引号

new Vue({
  el: '#app',
  data () {
      return {
        sideNav: null,
      }
    },
  created () {
    this.sideNav=false;
  }
})
只需移除创建的钩子 问题解决了, 在之前创建的钩子上,您已经有一个值“this.sideNav=false 因此,它是一个有效的sideNav值,因此抽屉被激活

只需删除创建的挂钩即可 问题解决了, 在之前创建的钩子上,您已经有一个值“this.sideNav=false
因此,它是一个有效的sideNav值,因此抽屉被激活

注意。我会试试看。我会试试看