使用axios进行前后台数据交互,在Vue中新建一个utils文件夹,在其中写一个request.js文件,使用其封装axios这个前后端交互的插件。首先安装
复制粘贴引入
之后在Home.vue中引用,需补全确定按钮中的save方法,在save方法中写逻辑
在save中首先需引入request对象(request.js中),使用request.post方法请求后台,在弹窗中,我们输入值,就会被绑定到form的对应属性中去,this.form就在request.post方法中作为请求参数,通过then将前一步的执行结果放到res中。这样后台即可接收到数据