在el-upload组件上设置断点,观察on-change事件是否被触发以及事件处理函数的执行情况。 检查Vue实例和组件的状态,确保没有其他逻辑干扰了on-change事件的正常触发。 特殊情况的处理: 如果设置了:limit="1",并且希望在每次选择新文件时都触发on-change事件,可以考虑在handleChange方法中调用this.$refs.upload.clearFiles...
可能的原因是设置limit属性,文件数量达到限制 :limit="1" 解决方法: 1.修改为多选 2.给el-upload添加ref=“imp”属性,单次上传后调用this.$refs.imp.clearFiles();
打包后会引入mockJs,查了网上的情况发现mockjs会使得element里面的组件表现异常,去掉就好了,再说了线上也用不到mockjs吧
(我自测没有生效是因为我的before-upload是在on-change事件里去调用的,原因是on-change事件可以获取到fileList,而before-upload只能拿到当前上传的文件,所以我只能在change事件里去过滤掉不符合规范的文件,为了避免大改项目只能这样子了。) beforeUpload(file){returnnewPromise((resolve,reject)=>{vartestmsg=/^image\...
因为before-upload 是指在文件上传之前、文件已被选中,但还没上传的时候触发,而设置了 :auto-upload="false" 后,文件上传事件不被再次调用,,所以 before-upload 不生效,所以,限制图片大小和格式的时候,需绑定在 :on-change 里面 <el-uploadclass="upload-demo uploadTwo"ref="fileUploadRef":action="fileUrl ...
简介:el-upload中的before-upload不生效 我们先来看看官方对before-upload的定义 before-upload是在上传文件时触发,不是添加文件时触发,添加文件时触发on-change。 所以如果我们要在添加文件时,对文件的大小和后缀等等进行判断,可以用 on-change 方法来实现 ...
:on-change="uploadFile" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" accept="image/png, image/jpeg" :limit="3" :data="{ 'userId': userId, 'fileType': 'image' }" > <el-button size="small" type="primary">点击上传</el-button> 只能上传 jpg/png 文...
<el-upload multiple :on-exceed="overLimit" :show-file-list="false" accept=".pdf" action="" :before-upload="beforeUpload" :on-change="uploadChange" :on-progress="uploadprogress" :on-success="uplaodSuccess" :on-error="uploadError" :file-list="pdfTodayList.list"> <el-button size="small...
<el-uploadv-model:file-list="state.fileList['test']"==>>> 未触发向双向绑定写法 !!! action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :on-change="handlerChange" > </...