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

  • 18
  • 0
  • 约4.83千字
  • 约 7页
  • 2019-08-19 发布于福建
  • 举报
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

文档评论(0)

1亿VIP精品文档

相关文档