在 Vue.js 3 中显示隐藏组件

Question

我有一个导航栏和一个侧边栏（两个独立的组件），我试图使用导航栏组件中的按钮显示/隐藏我的侧边栏，但它不起作用，我试过：

• v-show，v-if，使用 localStorage 值但什么都不做，边栏保持隐藏状态。

边栏：

<template>
<aside v-show="local_variable" class="fixed hidden h-full top-0 left-0 flex lg:flex flex-shrink-0 flex-col w-64">

</aside>
</template>

当与侧边栏一起使用时，是否需要更新导航栏中保存在 localStorage 中的值？

Answer 1

如果您想使用“v-show”、“v-if”切换组件的可见性，请移除顺风“隐藏”类。否则使用 Vue 类和样式绑定 https://vuejs.org/guide/essentials/class-and-style.html#binding-html-classes 并删除 'v-show'、'v-if'。