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

相关推荐
羊羊小栈4 小时前
基于「YOLO目标检测 + 多模态AI分析」的光伏板缺陷检测分析系统(vue+flask+模型训练+AI算法)
vue.js·人工智能·yolo·目标检测·flask·毕业设计·大作业
jump_jump5 小时前
超长定时器 long-timeout
前端·javascript·node.js
我登哥MVP6 小时前
HTML-CSS-JS-入门学习笔记
javascript·css·笔记·学习·html
Mintopia6 小时前
架构进阶 🏗 从 CRUD 升级到“大工程师视野”
前端·javascript·全栈
光影少年6 小时前
vue生态都有哪些?
前端·javascript·vue.js
一只大头猿6 小时前
基于SpringBoot和Vue的超市管理系统
前端·vue.js·spring boot
itslife7 小时前
vite 源码 - 创建 ws 服务
前端·javascript
魔云连洲8 小时前
深入解析:Object.prototype.toString.call() 的工作原理与实战应用
前端·javascript·原型模式
JinSo8 小时前
alien-signals 系列 —— 认识下一代响应式框架
前端·javascript·github