文章介绍了如何在Vue组件中使用`paste`事件监听用户的复制操作，捕获粘贴的文件并将其添加到预上传队列，最后在组件销毁时移除事件监听。
首先，全局挂载一个监听复制操作的事件
mounted() {
document.addEventListener('paste', this.pasteHandler);
},
pasteHandler(event) {
const items = (event.clipboardData || event.originalEvent.clipboardData).items;
for (let index in items) {
if (items[index].kind === 'file') {
const file = items[index].getAsFile();
this.$refs.upload.handleStart(file); // 将粘贴过来的文件加入预上传队列
this.$refs.upload.submit(); // 提交文件上传队列
}
}
},
别忘了移除
beforeDestroy() {
document.removeEventListener('paste', this.pasteHandler);
},
扫一扫
5311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
