el-upload 粘贴上传

原创

已于 2024-08-08 17:50:18 修改 · 436 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2024-07-10 14:38:38 首次发布

对form中的某一个el-form-item添加 @paste.native 事件，事件绑定方法名 handlePaste也可以在其他控件中添加事件监听，这里在当前form-item 这个块使用了，只有当你点击目标区域时才有效。

<el-form-item label="备注图片" @paste.native="handlePaste">
							<div style="color: red;">可粘贴上传</div>
							<div class="imgs">
								<div class="i" v-for="(item, index) in addFormData.imgs" :key="index">
									<img :src="item" alt="">
									<i class="el-icon-error" @click="addFormData.imgs.splice(index, 1)"></i>
								</div>
								<el-upload class="avatar-uploader" :action="uploadAction" :show-file-list="false"
									multiple ref="upload" :headers="uploadHeaders" 
									:on-success="handleUploadSuccess">
									<i class="el-icon-plus avatar-uploader-icon"></i>
								</el-upload>