elementUI对话框Dialog组件数据初始化的方法

最新推荐文章于 2024-03-01 15:15:59 发布

随风丶逆风

最新推荐文章于 2024-03-01 15:15:59 发布

阅读量6k

点赞数 2

分类专栏： Vue 文章标签： element dialog vue 数据初始化

本文链接：https://blog.csdn.net/sinat_36521655/article/details/102680077

版权

18 篇文章 1 订阅

订阅专栏

使用Dialog弹窗时，在打开或者关闭的时候需要对数据进行初始化，在初始过程中，一旦出现遗漏就有可能导致bug。

就好像下面这种方式，不但代码冗余，且不易维护，一旦新增字段又需要一个个修改。

如何结局这个问题呢？可以考虑使用v-if对Dialog组件进行销毁和创建，这样每次都会自动初始化组件内的数据。个人觉得损失一些性能提高开发速度和代码可维护性，是可以接受的。

比如组件AddFinancialProduct是个利用dialog构建的弹窗组件，在父组件中通过修改visible的值，进行组件的创建和销毁：

<AddFinancialProduct @save='searchList' ref='addFinancialProduct' :isWritable="getFundFinancialProductStatus" v-if="visible"></AddFinancialProduct>

关注