<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">PPPPPP</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>
-sharpapp {
width: 200px;
margin: 0 auto;
}
-sharpone {
border: 1px solid red;
}
</style>
this is a simple demo, I wrote that tortured me all afternoon.
I meant that PP+ loops one div at a time. Each div can then upload a different file and select the corresponding selection box.
but ask why the value of the selection box can be placed normally in fileList, while the uploaded file information is not available.
can you tell me how to get the sharp-sharp-sharp problem description
the environmental background of the problems and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)