el-dialog关闭时通过v-model和v-if控制区别

v-model:

控制 CSS 显示状态（display: none），组件仍存在，性能好但可能有状态残留；

关闭后组件内部状态（如表单数据、滚动位置）仍保留；

v-if:

控制组件是否在 DOM 中渲染，关闭时完全销毁；

关闭后状态完全重置，下次打开重新初始化；每次打开 / 关闭都重新创建 / 销毁组件；

注意：不可以只用v-if，如果需要关闭完全销毁组件，那么需要v-model和v-if属性同时使用，否则只使用v-if会无法打开弹窗页；