nuxt架构中的模态窗口

Question

在使用Vue2JS之前，我曾经将模式创建为App.vue根组件中的组件，例如：

<template>
    <div>
        <app-navbar></app-navbar>
        <router-view></router-view>
        <app-footer></app-footer>
        <my-modal v-if="someBoolean"></my-modal>
    </div>
</template>

现在基于某些自定义事件或Vuex存储，我能够更改someBoolean并在我希望模式可见时触发。

由于在Nuxt中，我们没有root App.vue组件之类的东西，所以我想知道如何通过Nuxt实现与上述相同的功能。

我当然可以将某些程序包用作bootstrap-vue，但我真的不想为此目的注入这个大程序包。

Answer 1

您可以在layouts / default.vue文件中编写代码，并且此文件适用于您的默认设置，在您用作页面布局的位置（通常几乎在任何地方）都可以使用该代码。

不同的方法是使用portalvue来呈现所需的组件。不错的文章here。