如何在Vue.js中将切换默认设置为打开

Question

我试图在Vue.js中将切换默认设置为打开，但是我不确定在哪里使用布尔值。我应该在哪里放置布尔值“ true”或“ false”？在Vue.js中？在脚本标签中，我不确定如何在此代码中编写布尔值。

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">