element 在Dialog组件中使用destroy-on-close属性与v-if的区别

使用v-if:

 在v-if为false,也就是关闭弹框时即销毁Dialog中的内容,在下次显示时再重新加载

 

使用destroy-on-close:

官方文档中该属性默认为false,所以需要的话给他赋值为true就好。

不过我在使用过程中发现,此属性其实是在关闭弹框时重新渲染弹框内的元素,而不是我所期望的在下一次打开时重新渲染。如若我的弹框中存在数据请求,这样感觉就会增添一些不必要的请求,毕竟我这次请求以后下次还不一定会在什么时候再打开弹框,所以最后我还是用的v-if。不过如若弹框内的内容是简单表单,需要在下次打开时清空表单内容之类的,则可以使用destroy-on-close属性

 

posted @ 2020-12-24 10:12  潇潇mini  阅读(8718)  评论(0编辑  收藏  举报