(1)、本项目我们用来修改名称和邮箱
(2)、提交修改,先监视他的点击行为
(3)、点击之后,我要做点什么呢?
(4)、
(5)、如果valid为true,那么通过就通过校验
(6)、准备好之后,我们就调接口发给后台进行更新,看一下我们的接口文档,更新一下用户的资料
(7)、我们现在传参,就几种方法,要么在请求头传参,要么在请求体中传参
(8)、所有的接口都要带token
(9)、请求方式叫做put 大小写都可以,这里我已经配置好了Authorization的请求头了
(10)、为什么非得带token,因为你需要判断究竟你要修改的是那个用户
(11)、给axios发送的数据,添加上参数名和变量名
(12)、结构赋值,变量名得和属性名一致
(13)、这里的eslint提示报错信息,不让写
(14)、我就想用下划线,找到eslint,给他修改内容
(15)、在eslint中将camelcase进行关闭
(16)、这里写一个参数
(17)、下一步,我用方法进行命名导出
(18)、下一步提交的时候,进行表单校验
(19)、这里我来个async和await
(20)、现在我传入了5个属性
(21)、直接将this.userForm对象传入行吗?不行,原因是现在的form对象,只有3个对象
(22)、不行,因为我现在userForm对象只有这三个对象
(23)、传给后台的参数只有这三个
(24)、这样写行吧!!!不行,比如id就是必填项,你要是不填,后台大哥,就给你报错,你信不信
(25)、验证一下,后台有没有报错
(26)、给他改一下,看看呗!!!
(27)、 虽然出现了200
(28)、但是要求你必须传id
(29)、既然缺id属性,那么我们就添加id属性,这个值从哪里来
(30)、用户的id在Vuex中当中就有
(31)、组件内可以用this.$store
(32)、这样就可以确保他的要求
(33)、这一次后台返回的数据告诉你修改用户信息成功了
(34)、成功之后,我们可以对用户的做一个提示
(35)、我就想要后台数据返回来的keyValue,这里我给他来个keyValue
(36)、完整写法
(37)、基本资料的更新,最后用git提交