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

如图所示：

点击新增角色和编辑会弹出一个弹框，弹框只写一个，如何实现共用同一结构，功能却不相同呢？

首先给这两个按钮定义一个点击事件，事件名为openDialog

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

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

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

添加与编辑共用一个jsp页面时，控制按钮的显示与隐藏
场景添加与编辑共用一个jsp页面,后台action传过来 op参数,如果是edit则执行编辑,如果是add,则执行添加. 如果是编辑页面则显示充值按钮,如果是添加页面则不显示. 实现后台actio ...
VUE2.0增删改查附编辑添加model(弹框)组件共用
为什么80%的码农都做不了架构师?>>> Vue实战篇(增删改查附编辑添加model(弹框)组件共用) 前言最近一直在学习Vue,发现一份crud不错的源码预览链接 https: ...
Winform中实现新增和更新共用一个页面的示例流程
场景 Winform中对某个表的数据查询出来,数据放在DataTable中,并将其显示在DataGrdiView中. 点击新增和编辑时打开的是同一个页面. 打开页面加载所有数据并显示点击新增点击编 ...
SSM+BJUI实现添加和编辑共用一个页面
场景 SSM+BJUI在对记录进行添加或者编辑时可以共用一个jsp页面,然后再进行保存. 实现 1.主页面添加两个按钮,一个是添加按钮一个是编辑按钮. <sh ...
前端学习（1911）vue之电商管理系统电商系统之完成用户的修改弹框询问用户是否删除
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
自己封装一个弹框插件
弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高, ...
vue 进入首页只弹一个弹框_vue.js实现只弹一次弹框
核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中. Lorem ipsum dolor sit amet, consectetur adipisicing elit ...
Skyline WEB端开发3——添加一个弹框
相对于之前的功能而言,弹出弹框就比较容易了,在skyline中有提供Window, 包含所有与三维窗口互动的相关功能. 创建弹窗的方法 Creator.CreatePopupMessage Creat ...
怎样监听 ESC 键完成一个弹框关闭
vue如何监听 ESC 键 window.addEventListener v-on:keyup.esc window.addEventListener 在Vue中,可以通过监听窗口上的键盘事件来实现 ...

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

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

最新文章

热门文章