modal-class遮罩层的自定义类名string— z-index设置 z-indexnumber— header-aria-levela11yheader 的aria-level属性string2 WARNING custom-class已被弃用,将会于2.3.0移除, 请使用class。 事件# 插槽名说明类型 openDrawer 打开的回调Function openedDrawer 打开动画结束时的回调Function ...
modal-class遮罩的自定义类名string— append-to-bodyDialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为truebooleanfalse append-to2.4.3Dialog 挂载到哪个 DOM 元素 将覆盖append-to-bodystringbody lock-scroll是否在 Dialog 出现时将 body 滚动锁定booleantrue ...
modal-class 遮罩层的自定义类名 string - - z-index 设置z-index number - - isShowFooter 是否展示 footer boolean — true cancelText 取消文案 string — 取消 submitText 提交文案 string — 确认 loading 提交load boolean — false submitHandle 提交事件 Function - - showReturn 是否展示返回按钮 Boolean...
给drawer 和 modal 加上 pointer-events 相关 class , 让点击可以穿透遮罩层 使用onClickOutside, 传入 handler 函数关闭 drawer , 传入 options.ignore , 指定忽略表格行(侧滑页的入口元素)的 css 选择器 如果drawer 内部有弹框, 可以加上弹框遮罩的 class 选择器, 避免点击弹框时把 drawer 也关了 el-tree...
modal?: boolean; modalClass?: string; showClose?: boolean; showFooter?: boolean; draggable?: boolean; } // 接受父组件参数,配置默认值 const props = withDefaults(defineProps<BaseDialogProps>(), { title: '标题', visible: false, width: '50%', fullscreen: false, // 是否全屏 modal: true...
":before-close="handleClose"v-model="dialog"direction="ltr"custom-class="demo-drawer"ref="drawer"><el-form:model="form"><el-form-itemlabel="活动名称":label-width="formLabelWidth"><el-inputv-model="form.name"autocomplete="off"></el-input></el-form-item><el-form-itemlabel="活动区域...
modal: { type: Boolean, default: false }, closeOnClickModal: { type: Boolean, default: false }, showClose: { type: Boolean, default: true }, customClass: { type: String, default: "el_dialog__sp" }, title: { type: String, ...
[Component] nuxt3使用elementplus form组件提交完一次后在el-input里输入多少次字符就自动请求多少次接口 inactive #16801 opened May 9, 2024 by moonwaystudio 13 [Performance] [drawer] el-drawer中嵌套el-drawer,设置modal-class中属性为backdrop-filter: blur(5px),会导致drawer中的内容卡顿 inacti...
🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.
另外可使用cancelButtonClass为其添加自定义样式,使用cancelButtonText来自定义按钮文本(Confirm 按钮也具有相同的字段,在文末的字段说明中有完整的字段列表)。此例还使用了beforeClose属性,它的值是一个方法,会在 MessageBox 的实例关闭前被调用,同时暂停实例的关闭。它有三个参数:action、实例本身和done方法。使用它...