Блог

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

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

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

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

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

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