解决Element中点开Dialog 对话框灰布在最上层的方法

append-to-body： Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true
设置属性 :append-to-body='true’即可让对话框在最上层，灰布在它的下面

 1 <!--新增分类弹出框-->
 2 <el-dialog v-model="btn_xinzengfenlei" title="新增分类" width="30%" center :append-to-body='true'>
 3                     <span>
 4                       名称<el-input v-model="input_addxinzengfenleiName"></el-input>
 5                     </span>
 6                   <template #footer>
 7                           <span class="dialog-footer">
 8                             <el-button @click="btn_xinzengfenlei = false">取消</el-button>
 9                             <el-button type="primary" @click="addKuaijiefagnshiFun()">
10                               新增
11                             </el-button>
12                           </span>
13                   </template>
14                 </el-dialog>
15             <!--新增分类弹出框-->

 

posted @ 2022-10-28 23:51  勤快的懒羊羊  阅读(1054)  评论(0)  编辑  收藏  举报