Element Plus 对话框 el-dialog 和 抽屉 el-drawer 的使用注意项(使用 div 包裹)

总结:使用 div 包裹!!!

详细说明:

对话框 el-dialog 或 抽屉 el-drawer 样式的设置说明:

要想有效设置 el-dialog 或 el-drawer 的样式,需确保 el-dialog 或 el-drawer 的上层不是template,须被其他元素包裹

如:

<template><div><el-dialog></el-dialog></div></template>

<template><div><el-drawer></el-drawer></div></template>

或者

<template><el-main><el-dialog></el-dialog></el-main></template>

<template><el-main><el-drawer></el-drawer></el-main></template>

这样设置 el-dialog 或 el-drawer 的样式不起效果:

<template><el-dialog></el-dialog></template>

<template><el-drawer></el-drawer></template

相关推荐
EndingCoder22 分钟前
排序算法与前端交互优化
开发语言·前端·javascript·算法·排序算法·交互
晓131324 分钟前
JavaScript加强篇——第五章 DOM节点(加强)与BOM
java·开发语言·javascript
DoraBigHead1 小时前
🧠【彻底读懂 reduce】acc 是谁?我是谁?我们要干嘛?
前端·javascript·面试
汪子熙1 小时前
CSS 中 td:last-child a 选择器详解
前端·javascript
q567315231 小时前
Koa+Puppeteer爬虫教程页面设计
javascript·css·爬虫
北北~Simple1 小时前
第一次搭建数据库
服务器·前端·javascript·数据库
GanGuaGua2 小时前
Vue3常用指令
前端·javascript·vue.js
欧阳天风2 小时前
录音实时上传
前端·javascript
源码云商2 小时前
基于 SpringBoot + Vue 的 IT 技术交流和分享平台的设计与实现
vue.js·spring boot·后端
致博软件F2BPM2 小时前
Element Plus和Ant Design Vue深度对比分析与选型指南
前端·javascript·vue.js