【调用接口】前端调用新增和修改接口

一般，我们写好界面之后

1. 用axios发送post请求拿数据，浏览器只能发送get
   axios.post(url).then(data=>console.log(data))
2. 在页面上进行调用

接下来简单粗暴说一下怎么实现新增和修改功能

按理说新增和修改应该是同样的弹窗
只是新增没数据，修改有数据

在新增的按钮里面写一个add方法
当调用的时候，把它设置为true(显示)
同时把id和name都设置为空

当我们修改的时候
其实是修改和新增一样的那个弹框，
只是修改的时候是有数据的哦
在修改的这个地方，点击触发这个方法

在方法里面设置点击时显示弹框，即this.modal1 = true

ok是点保存要调的方法
我们需要进行判断
如果id不是空的，就调用更新的方法
如果id是空的，就调用增加的方法