请问一下关于element的upoad问题

新手上路,请多包涵
<template>
  <div id="app">
    <div
      id="one"
      v-for="(item,idx) in fileList"
      :key="idx"
    >
      <el-upload
        class="upload-demo"
        action="https://jsonplaceholder.typicode.com/posts/"
        multiple
        :limit="3"
        :file-list="item.file"
        :on-success="success(idx)"
      >
        <el-button
          size="small"
          type="primary"
        >点击上传</el-button>
      </el-upload>
      <el-checkbox-group v-model="item.checkList">
        <el-checkbox label="复选框 A"></el-checkbox>
        <el-checkbox label="复选框 B"></el-checkbox>
        <el-checkbox label="复选框 C"></el-checkbox>
        <el-checkbox label="禁用"></el-checkbox>
        <el-checkbox label="选中且禁用"></el-checkbox>
      </el-checkbox-group>
    </div>
    <el-button @click="add">++++++</el-button>
    <div>{{ fileList }}</div>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      fileList: [
        {
          file: [],
          checkList: []
        }
      ]
    };
  },
  methods: {
    add() {
      this.fileList.push({
        file: [],
        checkList: []
      });
    },
    success(idx) {
      this.fileList[idx].file = fileList
    }
  }
};
</script>

<style>
#app {
  width: 200px;
  margin: 0 auto;
}
#one {
  border: 1px solid red;
}
</style>

这个是我写的一个简单demo,折磨我了一下午...
我的本意是 +++ 一次在循环一个div。然后每个div都可以上传不同的文件和选择对应的选择框。
可是请教一下为什么选择框的值可以正常放在fileList中,而上传的文件信息就是获取不到。
请教一下大家应该怎么样获取### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 1.3k
1 个回答
新手上路,请多包涵

el-upload :action参数表示上传的目的URL,如果有自己的服务器,其实这个URL可以不用。:http-request="upload"参数表示上传操作
在<script></script>中定义upload------upload(param){console.log(param.file)}就能看到你上传的文件信息

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题