如何在页面访问数据变量来控制DIV布局文件

Question

我正在使用Vuetify构建一个简单的Nuxt JS应用程序。我将布局设置设置为default.vue，并且在此文件中有一个导航栏，在导航栏中有一个<div>，它本质上是一个图标按钮，我希望能够显示/隐藏和访问此DIV和从页面控制它，例如：index.vue内页/目录

Id喜欢拥有一个变量，例如：isShown: true，然后向我的div中添加一个v-if="isShown"，但是由于它在布局中，因此不起作用。

Answer 1

您可能熟悉的一种解决方案是在商店中拥有一个单一的事实来源isShown，您可以轻松地在 layout / default.vue之间共享它们。 em>和 pages / index.vue

另一个解决方案可以依靠global event bus，但是老实说，即使您可以解决此问题，也不必使用。