Ящик навигации Vuetify продолжает показывать себя всякий раз, когда обновляет страницу

Question

Я пытаюсь создать навигационный ящик для моей страницы, используя Vuetify.И блок навигации продолжает показывать себя всякий раз, когда я обновляю свою страницу или происходит в начале страницы.Можно ли его отключить?

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

Я ожидаю, что навигационный ящик должен быть скрыт в любом случае.Отображается только тогда, когда пользователь нажимает кнопку меню гамбургера, но ящик навигации продолжает отображаться, когда я обновляю свою страницу.

Answer 1

Просто удалите созданный хук задача решена, ранее на созданном хуке у вас уже было значение "this.sideNav = false;" на нем, так что это действительное значение sideNav и поэтому ящик активирован

Answer 2

Удалите кавычки из 'false' в вашем JS.

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