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

相关推荐
bjzhang7517 分钟前
使用 HTML + JavaScript 实现组织架构图
前端·javascript·html·组织架构图
军军君0130 分钟前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs
qq_20815408851 小时前
瑞树6代流程分析
javascript·python
军军君011 小时前
Three.js基础功能学习十四:智能黑板实现实例一
前端·javascript·css·typescript·前端框架·threejs·智能黑板
xiaotao1311 小时前
JS new 操作符完整执行过程
开发语言·前端·javascript·原型模式
吴声子夜歌1 小时前
ES6——数组的扩展详解
前端·javascript·es6
guhy fighting1 小时前
new Map,Array.from,Object.entries的作用以及使用方法
开发语言·前端·javascript
Hello--_--World2 小时前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
gongzemin2 小时前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话62 小时前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js