Блог

Я пытаюсь установить переключатель как открытый по умолчанию в Vue.js Однако я не совсем уверен, где мне следует использовать Boolean. Куда я должен поместить логическое значение «true» или «false»? в Vue.js ? В теге script я не уверен, как я могу написать Boolean в этом коде.

В data определите логическое значение ‘openMenu’

 data: function() {
        return {
         openMenu : false,
    }
    }
  

В HTML

 <div id="nav-content" v-show="openMenu">
  

В методе переключите это, используя функцию SideBarToggle

 methods: {
   sideBarToggle(){
     this.openMenu = !this.openMenu
    }
}
  

Или переключить из шаблона HTML также

 <div class="mouseover nav-toggle" @click="openMenu != openMenu">