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

相关推荐
Lsx_11 分钟前
MultiRepo 和 Monorepo:代码管理的演进与选择
前端·javascript·架构
裕波25 分钟前
Vue 与 Vite 生态最新进展:迈向一体化与智能化的未来
前端·vue.js
destinying43 分钟前
当部分请求失败时,前端如何保证用户体验不崩溃?
前端·javascript·程序员
子壹1 小时前
大文件分片上传
javascript·node.js
叁金Coder1 小时前
业务系统跳转Nacos免登录方案实践
前端·javascript·nginx·nacos
CodeTransfer1 小时前
今天给大家带来的是一个简单的小球抛物线动画效果
前端·javascript
宁静_致远1 小时前
使用 React 实现高效的接口轮询与高实时性通信:性能优化与最佳实践
前端·javascript·面试
肥板炒鸡蛋1 小时前
浏览器视频合成转码@ffmpeg/ffmpeg使用笔记
前端·javascript
Moment1 小时前
推了这么久的 Turbopack,现在终于能用了 🤔🤔🤔
前端·javascript·react.js
ZoeLandia1 小时前
Webpack 搭建 Vue3 脚手架详细步骤
前端·vue.js·webpack