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

相关推荐
诸葛亮的芭蕉扇43 分钟前
tree组件点击节点间隙的异常问题分析
前端·javascript·vue.js
月弦笙音1 小时前
【Promise.withResolvers】发现这个api还挺有用
前端·javascript·typescript
凡人程序员2 小时前
搭建简易版monorepo + turborepo
前端·javascript
不努力也不会混2 小时前
vite联邦实现微前端(vite-plugin-federation)
前端·vue.js
Heo2 小时前
原来Webpack在大厂中这样进行性能优化!
前端·javascript·vue.js
涔溪2 小时前
Vue2 项目中通过封装 axios 来同时连接两个不同的后端服务器
前端·vue.js·axios
颜酱2 小时前
CLI 工具开发的常用包对比和介绍
前端·javascript·node.js
月下点灯2 小时前
🔄记住这张图,脑子跟着浏览器的事件循环(Event Loop)转起来了
前端·javascript·浏览器
百***35483 小时前
JavaScript在Node.js中的集群部署
开发语言·javascript·node.js
光影少年3 小时前
node.js和nest.js做智能体开发需要会哪些东西
开发语言·javascript·人工智能·node.js