element-ui中destroy-on-close=true 与 v-if 的区别

场景: 最近在一次工作中, 使用了destroy-on-close这个属性, 本意的想在切换弹窗显隐的时候重新加载一下页面的数据, 然而却发生了意想不到的bug.

解决方案: 通过在弹窗内部组件debug时候发现, destroy-on-close属性为true的时候, 关闭弹框的时候内部组件会重新请求接口, 这似乎与我的需求不太匹配, 我需要的是新打开弹框的时候再去请求接口, 所以这里使用v-if更好. 如果弹框里面的是表单项等, 使用destroy-on-close更好