今天完成的事情:
写了两个页面,学到了新知识:
简写请求地址与请求头,直接套用:
<!-- action 表示图片要上传到的后台 API 地址 --> <!-- headers 请求头文件,加上冒号使其变得活性,不是固定死的 -->
<el-upload
:action="uploadURL"
:on-preview="handlePreview"
:on-remove="handleRemove"
list-type="picture"
:headers="headerObj"
:on-success="handleSuccess"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
// 上传图片的URL地址
uploadURL: 'https://lianghj.top:8888/api/private/v1/upload',
// 图片上传组件的 headers 请求头对象
headerObj: {
Authorization: window.sessionStorage.getItem('token')
},
lodash 工具库 的使用,来实现深拷贝:项目中引入运行依赖lodash ,
在需要用的文件中再次引入 import _ from 'lodash'
// lodash cloneDeep(obj)
const form = _.cloneDeep(this.addForm)
form.goods_cat = form.goods_cat.join(',')
新声明 对象form ,把 addForm 对象 拷贝一份 。因为某原因原对象中的 goods_cat 数组不能分层化用逗号隔开。
但需要一份 被逗号隔开的 goods_cat 数组用于发起 API 请求。于是就可以用到这个深拷贝,将拷贝出来的新对象的goods_cat 数组内容用逗号隔开来发起API请求。原本的对象不受影响,。。
明天计划的事情:完成用 vue 做的这个后台数据管理项目,,并优化~~!@
评论