Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI ，今天给大家普及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，有就调修改接口**
下面直接上代码了
首页权限管理角色列表 添加角色 {{item_ong.authName}} {{item_two.authName}} {{item_three.authName}} 编辑删除权限 .bdtop { border-top: 1px solid #eee; padding-top: 10px; } .bdbottom { border-bottom: 1px solid #eee; padding-bottom: 10px; padding-top: 10px; } .el-tag { margin: 10px 0px; } .vcenter { display: flex; align-items: center; }
以上就是vue+elementui 实现新增和修改共用一个弹框的完整代码的详细内容，更多请关注本站其它相关文章！
