!1、新增接口 和 修改接口,两个接口合并
1.1 !通过type 控制 新增 和 修改接口,type是post、put的 直接在页面的接口里写post、put 来区分新增接口 和 修改接口
1.2 页面中 新增接口info 里,加post
修改接口updateInfo 里,加put
2、校验
3、确定按钮
4、data数据:form里的属性是 表头,tableData是获得后台数据
5、新增接口:1、在api中写接口;2、在页面import引入接口的方法
5.1新增接口
5.2 在页面引入接口
6、在确定按钮中:先校验数据,再新增数据。
7、用新增接口 新增数据,数据 要显示到页面,需要在新增接口里 加入查询接口,才能把新增数据 显示、
8、查询接口:在created里、新增、修改、删除,这四出 都要用到
1、一开始就要获取数据 写在created里
2、在新增方法里 加查询方法![](https://img-blog.csdnimg.cn/78c3ca5e83f34061a8bef05fa9978fc2.png)
3、在删除里 加查询方法
新增接口:
9、删除
删除的接口
!10、使用state状态 区分 是新增还是修改。(在data里加state)
给 弹框的title加state 区分 新增 还是 修改
11、解决 修改数据时,弹框中数据 与 form表单中数据 直接一起变化了,用扩展
!12、确定按钮中:调用 新增的接口(里面包含查询接口),调用更新的接口(里面包含查询接口)