Как установить тумблер как открытый по умолчанию в Vue.js

Question

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

Answer 1

В данных определите логическое значение '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">