Vue.js nuxt体系结构中的模态窗口

Vue.js nuxt体系结构中的模态窗口,vue.js,vuejs2,modal-dialog,nuxt.js,Vue.js,Vuejs2,Modal Dialog,Nuxt.js,在使用Vue2JS之前,我习惯于在App.vue根组件中创建modal组件,例如: <template> <div> <app-navbar></app-navbar> <router-view></router-view> <app-footer></app-footer> <my-modal v-if="someBool

在使用Vue2JS之前,我习惯于在App.vue根组件中创建modal组件,例如:

<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中我们没有根App.vue组件,所以我想知道如何使用Nuxt实现与上面相同的功能


当然,我可以使用一些包作为引导vue,但我不想仅仅为了这个目的而注入这个大包。

您可以在layouts/default.vue文件中编写代码,该文件在默认情况下工作,在用作页面布局的位置工作代码(通常几乎无处不在)


使用不同的方法来渲染组件(无论您想在哪里)。很好的文章,但用土耳其语写。

很荣幸能分享土耳其语文章,作为对英语问题的回答。我告诉他怎么做。我会推荐一种不同的方法,最后我会推荐一篇土耳其语文章,因为这个主题没有英文来源。那么你有什么问题呢?门户或者更确切地说是传送将是vue3的一部分。