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

相关推荐
米米商聊9 小时前
同名附件为什么被 Map 覆盖?重复键与一对多索引
前端·javascript
kyriewen12 小时前
我把 10 道面试题答案真跑了一遍:6 道是错的
前端·javascript·面试
WebInfra13 小时前
Rspack 2.3 发布:联手 SWC 团队带来全新编译器
前端·javascript·github
FRing0314 小时前
JavaScript入门到精通三十一(原型继承、原型链)
开发语言·前端·javascript
程序员大阳14 小时前
副队长JavaScript教程(52)-DOM操作元素的内容
javascript·dom·innertext·innerhtml·value·内容操作
裕波16 小时前
苏千|从 cnpm 到 Vite+:AI 时代的开发者体验演进
javascript
console.log('npc')16 小时前
周期任务功能完整实现:CRON 编辑器 + 模板变量 + 执行历史
javascript·vue.js·编辑器
程序员大阳16 小时前
副队长JavaScript教程(58)-基于DOM的网页留言板开发
javascript·实例·dom·案例·留言板
咚咚咚小柒16 小时前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
程序员大阳18 小时前
副队长JavaScript教程(55)-DOM节点增删改查
javascript·dom·增删改查·节点·克隆