每当刷新页面时，Vuetify 导航抽屉都会不断显示自己

Question

我正在尝试使用 Vuetify 为我的页面构建抽屉式导航栏。每当我刷新页面或出现在页面开头时，导航抽屉都会不断显示。是否可以禁用它？

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

我希望导航抽屉在任何情况下都应该被隐藏。仅在用户单击汉堡菜单按钮时显示，但当我刷新页面时导航抽屉不断显示。

Answer 1

在您的 JS 中删除 'false' 中的引号。

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

Answer 2

只需删除创建的挂钩问题解决了，之前在你创建的挂钩上你已经有一个值 "this.sideNav=false;" 在上面，所以它是一个有效的 sideNav 值，所以抽屉被激活

Vuetify navigation drawer keeps showing itself whenever refresh the page