首先在bom层,也就是vue实例的methods属性中,增加方法:add_env
这个函数的作用就是使用axios的post功能,把我们环境工单的内容发送给后台。代码如下:(axios有很多种写法)
这里我们遇到了一个问题,就是要传输的数据从哪来。
事实上,我们的dom层的三个输入框,本来就应该绑定到我们data当中的某个字典中,但是上节课我并没有去声明一个专门的字典,所以这里我们也没有数据来源了,那么我们现在要立马去声明一个这个空字典:form2 (正式开发的时候尽量不要如此敷衍的命名,因为这是教程,所以我用的比较土,为的是便于理解和学习,而非炫耀技术。)
然后再dom层中绑定:(修改成form2)
最后再在post请求中 写这个fom2:
保存后,我们点击前端申请的确定按钮,然后打开f12的Network面板,查看这个post请求是否正常:
可以看到,请求一切正常:
到此,我们前端部分已经结束,下节课就是后端部分实现了~