<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中,而上传的文件信息就是获取不到。
请教一下大家应该怎么样获取### 问题描述
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
el-upload
:action
参数表示上传的目的URL,如果有自己的服务器,其实这个URL可以不用。:http-request="upload"
参数表示上传操作在<script></script>中定义upload------
upload(param){console.log(param.file)}
就能看到你上传的文件信息