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

相关推荐
Irene199121 小时前
Vue2 与 Vue3 响应式实现对比(附:Proxy 详解)
vue.js·响应式实现
全栈前端老曹21 小时前
【包管理】read-pkg-up 快速上手教程 - 读取最近的 package.json 文件
前端·javascript·npm·node.js·json·nrm·package.json
JQLvopkk21 小时前
Vue框架技术详细介绍及阐述
前端·javascript·vue.js
笔COOL创始人1 天前
requestAnimationFrame 动画优化实践指南
前端·javascript·面试
sophie旭1 天前
性能监控之首屏性能监控小实践
前端·javascript·性能优化
+VX:Fegn08951 天前
计算机毕业设计|基于springboot + vue物流配送中心信息化管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·小程序·课程设计
北辰alk1 天前
一文解锁vue3中hooks的使用姿势
vue.js
北辰alk1 天前
vue3 如何监听路由变化
vue.js
北辰alk1 天前
Vue3 生命周期深度解析:从 Options API 到 Composition API 的完整指南
vue.js