#vue.js #toggle
#vue.js #переключение
Вопрос:
Я пытаюсь установить переключатель как открытый по умолчанию в Vue.js Однако я не совсем уверен, где мне следует использовать Boolean. Куда я должен поместить логическое значение «true» или «false»? в Vue.js ? В теге script я не уверен, как я могу написать Boolean в этом коде.
Ответ №1:
В 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">
Комментарии:
1. Спасибо за ваш ответ! Я попробовал это, и теперь он открыт, однако сейчас он не закрывается. должен ли я использовать sideBarToggle вместо openbartoggle openMenu?