更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio
演示地址:RuoYi-Nbcio后台管理系统
1、根据需要,需要在下面窗口里弹出抽屉组件,但出现遮挡问题,如下:
<el-dialog :title="designerData.name" :visible.sync="designerOpen" append-to-body fullscreen> <dd-designer :key="designerOpen" style="border:1px solid rgba(0, 0, 0, 0.1);" ref="ddDesigner" v-loading="designerData.loading" :designerData = designerData.flowData @save="onSaveDesigner" /> </el-dialog>
2、根据相关资料,可以增加一个append-to-body="true" 来解决这个问题,如下:
<template> <!-- append-to-body="true" 是为了不被前面对话框遮挡 by nbacheng --> <el-drawer :append-to-body="true" size="550px" class="drawer" :visible.sync="visible" :show-close="false" style="text-align:left;" @close="cancel" v-if="properties" >