vue+elementui新增/编辑/删除

第一步：要有两个页面（一个主页面，一个form页【新增/编辑】）

第二步：分清父子页面，主页面是父，form是子

第三步：

父页面准备工作：

1. 父页面，绑定数据，定义tableData=[],(为什么为空？因为数据是从后台获取的，通过调用查询接口)

2. 弹框部分

子页面准备工作

第四步

新增、编辑

4.1 父页面：点击新增按钮，

4.2 接收子页面的方法，@fathernewFrom="GetCondition"，GetCondition是个方法名（上面说过了）

4.3 form页面

4.3.·1 在点击新增/编辑的时候，就调到了这边

created和watch里面的作用是：判断传过来的值是不是空（新增时应该是空），如果传过来的值失控，thia.newFrom={}，如果传过来的不是空（说明是编辑）就把值给this.newFrom

4.3.2 点击保存时把值传给父组件

第五步：

删除

主页面，点击删除进入这个方法，点击确定，调用删除的方法，再在方法里面的删除接口，接口调用成功后，再调用下查询的方法，刷新页面。

描述不太好，代码如下。

父页面（Sys_DicIndex.vue）

子页面（form.vue）