如何实现Vue中统一项目组弹框功能的自定义render方法？

本文共计3205个文字，预计阅读时间需要13分钟。

一、原文摘要

1.本文本地化获取方式：使用`pick`函数。

2.为什么需要统一封装弹框：

- 需要封装成什么样子： - 通过举例说明常规弹框的写法。

二、改写内容

1.本地化获取：使用`pick`函数。

2.统一封装弹框的原因：

- 封装成何种形式： - 通过举例展示常规弹框的编写方法。

3.我们可以体会到，通常需要弹出一个页面，创建一个`normalDialog.vue`组件，包含`dialogBody.vue`包（弹框）。

一、本文收获

pick

二、为什么要统一封装弹框；

要封装成怎样

通过举例常规弹框的写法。我们可以体会到，通常要弹出一个页面，需要创建一个页面 normalDialog.vue 包裹 dialogBody.vue （弹框主体）；需要 parent.vue 设置flag控制弹框显示隐藏， normalDialog.vue 关闭的时候设置 parent.vue 对应 flag 。缺点： 流程繁杂、配置繁琐、不灵活、样式不统一和参数传递麻烦等 。如果一个项目弹框较多的时候，弊端将会更明显，大量的 isXxxDialogShow ，大量的 vue 文件。因此项目组急需一个能简单配置就能弹出弹框的 API 。