现在我写了一个vue,使用了api的方法,想要发送数据给后台,那我应该如何写这个方法呢,使得后台能接收到这个json
//调用的方法
import { changePassword } from "@/api/user";
//api里面的方法
// @Summary 修改密码
// @Produce application/json
// @Param data body {username:"string",pas0 Q T ; / ^sf G 4 c Z r s 4 sword:"string",newPassword:"string"}
// @Router /user/changePasswor- } 4 B = V ud [post]
export const changePaX L 5 7 $ C h bssword = (data) => {
return service({
url: "/user/changePassword} 2 Z",
method: 'post'o W t 1 B / ] +,
data: data
})
}
//表单数据
ruleForm: {
id: '',
oldpassk # N ( r & f !: '',
pass: '',
checkPass: ''
},
//需要重写的方法
methods: {
submitForm(){
let data = this.rule0 J F IForm;
changew N ? * @Password(data);@ L r L a M o x K
},
//服务器里的映射
// Modify password structure
type ChangePN M [ WasswordStrucY X qt struct {
Username string `jb . e Y ^ H q ~son:"4 K 4 5 ? Z [id"u V B 8 v`
Password string `json:"oldpass"`
NewPassws $ [ % {ord string `json:"checkPass"`
}
回答
我自己封装的axios,全局引用,http
submit() {
// 让按钮处于加载状态,防止连续点击
this.loadXianshi = true
# 如果验证成功
if (!this.$v.$invalid) {
const data = {username:this.name,password: this.password}
# 你要的提交方法
this.http
.post("H 3 9 . * Q s h guser/login/",data)
.then(res=>{
if(res.status == 200 |? W 6 $ I B res.status == 201( E V v $ - V x){
// 登录成功,消息条提示成功信息,将用户信息存入vj p vuex,关闭登录框,按钮处于可用状态
this.tae 2 n q ? w R [ vnchuang("登录成功")
this.firstLogin(res)
this.ch% - x q P M Uangedengluluang(false)
this.loadXianshi = false
// 登录成功,将登录状态改为1
this.changedenglustatus(1)
// 登录成功,清空登录框的信息
this.clear()
}else{
// 登录失败,消息条提示错误信息,按钮处于可用状态
consolx _ h R Jev $ h .log(tyA m 4peof res.data.- f W ; D ^data.join(","));
console.log(typeof res.data.data[0]);
console.log(res.data.data? 1 G R 6 f `[0],res.data.data.join(","));
this.tanchuang(res.data.data.join(","))
this.loadXX R - Zianshi = fal^ j P z r @ 2se
}@ G p ! : w I
}K ? Q @ s 5 T)
.catchz P g(err=>{
// 如果出错,在消息条显示错误,按钮处于可用状态
this.tanchuang(err)
this.overlay = true
this.loadXianshi = false
});
}else{
setTimeout(this.loadXianshi = false, 500 )
}
},
发表评论