上传头像图片

1.
<div class="avatar" style="text-align: center;">
            <img :src="avatarUrl ? avatarUrl : defaultAvatar" alt="用户头像图片">
            <p style="margin-top: 10px;">
              <el-button type="primary" icon="el-icon-upload" @click="showImageCrop" size="small">上传头像</el-button>
            </p>
            <my-upload
              ref="imgCrop"
              field="file"
              @crop-success="cropSuccess"
              @crop-upload-success="cropUploadSuccess"
              @crop-upload-fail="cropUploadFail"
              :width="300"
              :height="300"
              :url="uploadUrl"
              noRotate
              imgFormat="png"
              withCredentials
              v-model="uploadShow"
              :headers="headers"></my-upload>
          </div>
2.
computed: {
      ...mapGetters([
        'userId',
        'token'
      ]),
      isMobile() {
        return this.$store.state.app.isMobile
      },
      headers() {
        return { Authorization: this.$store.getters.authorization }
      }
    }