modal弹窗清空数据设计方案-预研.docxVIP

Modal弹框清空数据方案 [文档副标题] [作者姓名]  目录 TOC \o 1-3 \h \z \u 1 背景介绍 2 2 预研目的 2 3 方案介绍 2 3.1 方案1 2 3.1.1 方案：表单重置 2 3.1.2 需求满足情况 2 3.2 方案2 2 3.2.1 方案：通过watch监听模态框绑定状态 2 3.2.2 需求满足情况 3 3.3 方案3 3 3.3.1 方案：动态创建和销毁模态框 3 3.3.2 满足情况 4 4 方案对比 4 5. 结论 4 6. 模态框表单提交参数规范 4  背景介绍 在项目使用过程中，在页面中会有各种新增，修改，详情，提示等操作，这些操作主要以modal弹窗的表单形式展示，在重复弹出关闭过程中对于表单内容处理操作。 预研目的 统一对modal弹窗的表单处理使用规范，为后续工作进行代码规范约束，形成统一使用格式。 方案介绍 根据项目开发经验和文档参考预研，主要形成以下几种方案： 方案1 方案：通过内置清空表单方法重置 通过在modal弹窗打开过程前，执行初始化方法，清空表单； 不同表单插件有内置的清空表单方法，已Iview的表单为例，使用resetFields()可以清空表单； 实现代码： 在模态框的组件里执行表单的清空方法 method