lijh
2022-01-13 ad2b70777b866a9f4848a89fd0e343f991f8a604
commit | author | age
bf6fbe 1 <!-- 一个上传事例文件 -->
L 2 <template>
3     <div>
4         <el-button @click="upload">上传</el-button>
5     </div>
6 </template>
7
8 <script>
9     import Bus from '@/js/bus';
10     import $ from 'jquery'
11     
12     export default {
13         components: {},
14         data() {
15             return {}
16         },
17         mounted() {
18             // 文件选择后的回调
19             Bus.$on('fileAdded', () => {
20                 console.log('文件已选择')
21             });
22
23             // 文件上传成功的回调
24             Bus.$on('fileSuccess', () => {
25                 console.log('文件上传成功')
26             });
27         },
28         computed: {},
29         methods: {
30             upload() {
31                 // 打开文件选择框
32                 Bus.$emit('openUploader', {
33                     id: Math.ceil(Math.random()*10000)  ,// 传入的参数
34                     
35                      
36                 })
37             }
38         },
39         destroyed() {
40             Bus.$off('fileAdded');
41             Bus.$off('fileSuccess');
42         },
43     }
44 </script>
45
46 <style scoped lang="scss">
47
48 </style>