解决iview中的upload使用render上传图片的问题

<template>
  <div>
    <div class="box">
      <div class="current"
           v-if="file !== null"> {{file.name }}
      </div>
      <div class="current"
           v-else>请选择文件</div>
      <Upload :before-upload="handleUpload"
              action="//jsonplaceholder.typicode.com/posts/">
        <Button class="btn">选择</Button>
      </Upload>
      <div class="cancel"
           @click="cancel">取消</div>
    </div>
    <Button style="display:none"
            type="text"
            @click="upload"
            :loading="loadingStatus">{{ loadingStatus ? '未提交' : '点击提交' }}</Button>
  </div>
</template>
<script>
export default {
  name: 'Uploads',
  props: [],
  data () {
    return {
      file: null,
      loadingStatus: false,
      formData: []
    }

  },
  methods: {
    cancel (list) {
      console.log('点击取消了')
      this.file = null
      console.log(list)
      this.$emit('cancelUploadsFile', list)
    },
    handleUpload (file) {
      console.log('当前选中====', file.name)
      this.file = file;
      this.formData.push(file.name)
      this.$emit('addUploads', this.formData)
      console.log('自定义事件this.formData===', this.formData)
      return false;
    },
    upload () {
      this.loadingStatus = true;
      setTimeout(() => {
        this.file = null;
        this.loadingStatus = false;
        this.$Message.success('Success')
      }, 1500);
    }
  }
}
</script>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 1000px;
  height: 700px;
}
.box {
  width: 150px;
  height: 31px;
  /*border: 1px solid red;*/
  line-height: 30px;
}

.current {
  width: 80px;
  height: 100%;
  color: #bbb;
  float: left;
  white-space: nowrap; /*文本不换行*/
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis; /*显示省略号*/
  background-color: rgb(248, 248, 248);
  border: 1px solid rgb(204, 204, 204);
}

.btn {
  padding: 5px 2px;
  width: 40px;
  height: 100%;
  float: left;
  box-sizing: border-box;
  border: 1px solid rgb(204, 204, 204);
}
.cancel {
  width: 40px;
  height: 30px;
  float: left;
  color: #999;
  margin: -50px 145px;
  line-height: 30px;
  cursor: pointer;
}
</style>

import Uploads from '@/views/content/equip/components/upload/upload.vue'

  components: {
    Uploads
  }

            <Table ref="selection"
                   :columns="columnsTitle"
                   :border='false'
                   :stripe='true'
                   :row-class-name="rowClassName"
                   :data="list"></Table>

      list: [
        {
          name: 'John Brown',
          age: 18,
          address: 'New York No. 1 Lake Park'
        },
        {
          name: 'Jim Green',
          age: '24242424242424242424242424242424242424242424242424',
          address: 'London No. 1 Lake Park'
        },
        {
          name: 'Joe Black',
          age: 30,
          address: 'Sydney No. 1 Lake Park'
        },
        { name: 'Jon', },
        { name: 'Jon Snow', },
        { name: 'Jon Snow', },
        { name: 'Jon Snow', },
        { name: 'Jon Snow', },
        { name: 'Jon Snow', },
        { name: 'Jon Snow', }
      ],
      columnsTitle: [
        {
          title: '标题名称',
          key: 'name',
          width: 236,
          render: (h, params) => {
            return h('div', [
              h('img', {
                props: {
                  src: "fsdfsdfsdfsd"
                },
                style: {
                  width: '70px',
                  height: '40px',
                  color: 'blue',
                  cursor: 'pointer',
                  display: 'inline-block',
                  float: 'left',

                },
                domProps: {
                  align: 'center',
                  src: './access/logo.png',
                },
              }),
              h('span', {
                style: {
                  color: 'rgb(6,129,211)',
                  cursor: 'pointer',
                  display: 'inline-block',
                  width: '115px',
                  height: '40px',
                  float: 'right',
                  lineHeight: '40px',
                  whiteSpace: 'nowrap', /*文本不换行*/
                  overflow: 'hidden', /*超出隐藏*/
                  textOverflow: 'ellipsis' /*显示省略号*/
                },
                on: {
                  click: () => {
                    console.log('当前选中==》', params)
                  }
                }
              }, params.row.name)
            ])
          }
        },
        {
          title: '当前文件名称',
          width: 150,
          key: 'age'
        },
        {
          title: '上传升级文件',
          key: 'action',
          width: 230,
          align: 'center',
          render: (h, params) => {
            return h(Uploads, {
              on: {
                'addUploads': (e) => {
                  console.log('成功获到值', e)
                  console.log(this.uploadList.push(e))
                  //uploadList
                },
                'cancelUploadsFile': (e) => {
                  console.log('删除列表', e)
                  let index = this.uploadList.indexOf(e);
                  console.log('index====', index)
                  this.uploadList.splice(index, 1)
                }
              }
            }, this.file);
          }
        }
      ],