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

相关推荐
念念不忘 必有回响1 小时前
viepress:vue组件展示和源码功能
前端·javascript·vue.js
Amumu121381 小时前
Vue3 Composition API(一)
开发语言·javascript·ecmascript
hzb666662 小时前
unictf2026
开发语言·javascript·安全·web安全·php
Moment11 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
爱敲代码的小鱼11 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
吹牛不交税12 小时前
admin.net-v2 框架使用笔记-netcore8.0/10.0版
vue.js·.netcore
MZ_ZXD00113 小时前
springboot旅游信息管理系统-计算机毕业设计源码21675
java·c++·vue.js·spring boot·python·django·php
铅笔侠_小龙虾13 小时前
Flutter 实战: 计算器
开发语言·javascript·flutter
大模型玩家七七14 小时前
梯度累积真的省显存吗?它换走的是什么成本
java·javascript·数据库·人工智能·深度学习
2501_9447114314 小时前
JS 对象遍历全解析
开发语言·前端·javascript