element 上传判断是否有文件存在

1、在已下载和安装的vue项目中，文件夹components中新建vue文件UploadFile.vue

2、检查项目中的package.json文件中，发现element没有安装，利用git命令窗口，输入npm命令安装element

3、接着打开项目中的main.js文件，导入element-ui和对应的样式文件

4、在已新建的UploadFile文件中，template标签中插入el-upload标签，并添加预览和移除事件；然后添加一个dialog，弹窗中有个img元素

5、在script标签中，data对象中初始化变量；然后在methods中，定义移除事件和预览事件

6、将UploadFile组件导入到App.vue文件中，并在components中添加组件，然后在界面中引用

7、保存代码并使用npm命令运行项目，查看浏览器中显示效果，然后点击加号上传文件

8、接着在el-upload标签中，添加before-upload属性方法；然后在methods中，添加上传前事件，如果文件存在，打印对应的file值

9、再次保存代码并刷新浏览器，然后上传文件，查看打印结果；如果文件存在，打印出文件对象