el-drawer组件提供了一个属性:destroy-on-close,当设置为true时,组件关闭时应该会销毁其内部的元素和数据。然而,在某些情况下,这个属性可能无法完全销毁所有数据,特别是当组件内部包含复杂的数据结构或使用了Vue的响应式系统时。 2. 在el-drawer的关闭事件中绑定销毁逻辑 为了确保数据被完全销毁,你可以在el-drawer的...
📢destroyOnClose属性的默认值为true。 🆕 新增footer属性,用于设置抽屉的底部内容,默认为取消和确定按钮。 🆕 新增footerExtra属性,用于设置抽屉底部的额外内容,仅默认页脚生效。 🆕 新增onOk和onCancel属性,用于设置取消和确定按钮的回调。 🆕 新增cancelText和okText属性,用于设置取消和确定按钮的文字。
Adddestroy-on-close="true" Add abefore-closemethod that does some pre-close work and then closes the drawer Add a component inside the drawer that holds some sort of state, so you can see if it has been destroyed the next time you open the drawer Observe that when the component reopens...
close-on-press-escape 是否可以通过按下 ESC 关闭 Drawer boolean true open-delay Drawer 打开的延时时间,单位毫秒 number 0 close-delay Drawer 关闭的延时时间,单位毫秒 number 0 custom-class deprecated Drawer 的自定义类名 string — destroy-on-close 控制是否在关闭 Drawer 之后将子元素全部销毁 boolean fa...
destroyOnClose关闭时销毁 Drawer 里的子元素booleanfalse forceRender预渲染 Drawer 内元素booleanfalse getContainer指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 domHTMLElement|() => HTMLElement|Selectors|false'body' maskClosable点击蒙层是否允许关闭booleantrue ...
destroyOnClose关闭时销毁 Drawer 里的子元素booleanfalse getContainer指定 Drawer 挂载的 HTML 节点HTMLElement |() => HTMLElement| selectors 'body' maskClosable点击蒙层是否允许关闭booleanfalse mask是否展示遮罩Booleantrue maskStyle遮罩样式object{} style可用于设置 Drawer 的样式,调整浮层位置等object- ...
:close-on-click-modal="false" :close-on-press-escape="pressEscape" append-to-body :direction="direction" :destroy-on-close="destroyOnClose" @closed="handleClose" > <slot></slot> </el-drawer> </template> export default { name:...
Click button to sum up, but the value will be reset when Drawer closed. What is expected? when destroyOnClose={false} when using getContainer, the content children shouldn't be destroyed. What is actually happening? the content children destroyed even if I set destroyOnClose={false} Environme...
closeIcon自定义关闭图标。5.7.0:设置为null或false时隐藏关闭按钮ReactNode<CloseOutlined /> destroyOnClose关闭时销毁 Drawer 里的子元素booleanfalse extra抽屉右上角的操作区域ReactNode-4.17.0 footer抽屉的页脚ReactNode- forceRender预渲染 Drawer 内元素booleanfalse ...
closeIcon自定义关闭图标VNode | slot<CloseOutlined />3.0.0 contentWrapperStyle可用于设置 Drawer 包裹内容部分的样式CSSProperties-3.0.0 destroyOnClose关闭时销毁 Drawer 里的子元素booleanfalse extra抽屉右上角的操作区域VNode | slot-3.0.0 footer抽屉的页脚VNode | slot-3.0.0 ...