《黑天鹅》笔记
《对赌:信息不住时如何做出高明决策》笔记
鸡汤反思——关于随意
《如何阅读一本书》读书笔记
记杭州一处高低床青年旅舍
租房押金讨要记(2020年底-2021夏季)
巫师3的任务是如何自然引出的
交水费的波折于2024年
最喜欢的
几次睡觉做梦的内容

elementui实现对话框表单功能的方式#前端#vue#elementui

不销毁dialog

使用watch监听父组件传入的表单数据,并加上immediate deep。
用这种方式将组件prop转换为组件内的data,且能随外部data同步变化

每次关闭即销毁dialog

在el-dialog标签加v-if。
每次打开对话框都创建新组件,那么可在生命周期方法中,接收组件prop转化为组件data。
相比不销毁dialog的方式,实现复杂度更低。

element-ui的dialog组件的destroy-on-close属性

实际并不是跟他名字一样的去destroy组件。
而是在关闭对话框时,将对话框内部元素重新加载,会触发mounted方法。
再次打开对话框时,不会触发任何生命周期方法,即无法重新获取数据,不符合需求。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注