1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <template>
| <div class="uploader-list">
| <slot :file-list="fileList">
| <ul>
| <li v-for="file in fileList" :key="file.id">
| <uploader-file :file="file" :list="true"></uploader-file>
| </li>
| </ul>
| </slot>
| </div>
| </template>
|
| <script>
| import { uploaderMixin } from './common/mixins'
| import UploaderFile from './file.vue'
|
| const COMPONENT_NAME = 'uploader-list'
|
| export default {
| name: COMPONENT_NAME,
| mixins: [uploaderMixin],
| computed: {
| fileList() {
| return this.uploader.fileList
| }
| },
| components: {
| UploaderFile
| }
| }
| </script>
|
| <style>
| .uploader-list {
| position: relative;
| }
| .uploader-list > ul {
| list-style: none;
| margin: 0;
| padding: 0;
| }
| </style>
|
|
