后台系统-新增和编辑共用一个弹框（基于vue和element-ui）

如图所示：
在这里插入图片描述
点击新增角色和编辑会弹出一个弹框，弹框只写一个，如何实现共用同一结构，功能却不相同呢？

首先给这两个按钮定义一个点击事件，事件名为openDialog
在这里插入图片描述

这里不同的是给编辑这个按钮根据作用域插槽解构了一个row还有一个2，这个2就是我们区分编辑和新增的关键

在这里插入图片描述

这里的roleForm是上述table表格绑定的数据

在这里插入图片描述

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。