发表于: 2021-08-18 20:51:18

0 1584


今天完成的事情:

写了两个页面,学到了新知识:


简写请求地址与请求头,直接套用:


            <!-- 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 做的这个后台数据管理项目,,并优化~~!@








返回列表 返回列表
评论

    分享到