一、弹窗内容动态组件使用方案：
在项目开发过程中会出现使用同一种弹窗进行展示，里面的内容会根据点击操作展示不同内容，如果在页面一次加载所有组件，在性能和代码可维护性上比较差，这时需动态的渲染组件。
解决方法：
结论： 通过动态渲染组件可以优化前端的性能和代码的维护。
二、弹窗打开和提交具体使用方案
2.1 弹窗组件的提交操作使用规范
在提交操作过程中，会将弹框子组件的参数进行传参到父组件上进行接口的调用，在此过程中属于子组件的操作，需在子组件内进行统一处理，如错误提示，参数传递，通过方法对外输出，父组件只负责提交操作的接口回调，对子组件的参数不进行任何处理。
2.2 弹窗展示和隐藏状态方案
在项目中对弹窗的使用较频繁，对于弹窗主要使用以下两种方法进行展示：
1.在父模板里直接写入
2.通过iview或其他弹窗组件的方法在body里动态引入弹框内容。
方案对比：
结论：在项目使用过程中需将两者优点进行结合，对于操作内容较少或仅用于提示性的操作，推荐使用动态插入Modal的方法，对于提交表单内容较多，大量组件使用较重复的模块使用在父模块固定
2.3对表单内容进行清空处理方案
在同一弹窗的提交表单过程中，会存在反复的打开和关闭操作，在此过程中，之前输入的值，需进行清空处理。对于此操作处理主要有以下两方案：
1.表单重置, 即数据初始化处理；
2.vue watch监听模态框绑定状态
3.重新创建, 即弹窗重新创建；
结论：
对于模态框展示内容较少的，建议使用动态添加和销毁的方法进行操作，
对于页面上模态框使用较少时，建议使用监听模态框状态的方法进行操作；
对于模态框里都是输入型表单的操作，在打开或关闭时执行初始化表单方法情况模态框内容。
本文来源：https://www.2haoxitong.net/k/doc/53115584e109581b6bd97f19227916888486b994.html
文档为doc格式