vue+elementui 实现新增和修改共用一个弹框的完整代码

element-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js 2.0的桌面组件库，而手机端有对应框架是 Mint UI 。整个ui风格简约，很实用，同时也极大的提高了开发者的效率，是一个非常受欢迎的组件库。

一、新增

1、新增按钮

2、新增事件 在methods中，用来打开弹窗，
dialogVisible在data中定义使用有true或false来控制显示弹框

**3、新增确定，弹框确定事件 ，新增和修改共用一个确定事件，使用id区别

**3、新增事件

调新增接口，判断是否有id，没有就调新增接口

二、修改

2-1、修改按钮 ，表格行编辑按钮使用scope.row拿到当前行的数据

2-2、修改事件， 把当前行数据赋值给表单，就把当前行数据回显出来了

2-3、修改事件

修改接口，判断是否有id，有就调修改接口**

下面直接上代码了

以上就是vue+elementui 实现新增和修改共用一个弹框的完整代码的详细内容，更多关于vue elementui弹框的资料请关注脚本之家其它相关文章！