解决vue3中不能使用vue-simple-uploader

news2024/11/16 11:43:58

vue-simple-uploader本身是基于vue2的,直接npm i vue-simple-uploader -S下载下来版本的是0.7.6。在vue3中无法使用会报错。

解决:使用@next安装接下来要发布的版本就会下载1.0.1版本,即可使用vue3

npm i vue-simple-uploader@next -S

注意:这个版本里面很多方法不太一样

更新后,再使用组件即可正常显示,不报错

<uploader
      :options="options"
      :fileStatusText="fileStatusText"
      class="uploader-example"
      ref="uploaderRef"
      @file-added="onFileAdded"
      @file-progress="onFileProgress"
      @file-success="onFileSuccess"
      @file-error="onFileError"
      @complete="onComplete"
      @file-complete="onFileComplete"
  >
    <uploader-unsupport></uploader-unsupport>
    <uploader-drop>
      <p>拖动文件到这里上传</p>
      <uploader-btn :attr="accept">选择文件</uploader-btn>
      <!--      <uploader-btn :attrs="attrs">select images</uploader-btn>-->
      <!--      <uploader-btn :directory="true">选择文件夹</uploader-btn>-->
    </uploader-drop>
    <uploader-list></uploader-list>
  </uploader>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/853368.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于Echarts的大数据可视化模板:智慧物流管理

目录 引言物流管理的重要性大数据可视化在解决物流管理挑战中的作用智慧物流概述定义智慧物流的概念和特点智慧物流的关键技术和平台风险管理和预测:交通拥堵情况和风险预警Echarts与大数据可视化Echarts库以及其在大数据可视化领域的应用优势开发过程和所选设计方案模板如何满…

企业计算机服务器中了locked勒索病毒怎么办,如何预防勒索病毒攻击

计算机服务器是企业的关键信息基础设备&#xff0c;随着计算机技术的不断发展&#xff0c;企业的计算机服务器也成为了众多勒索者的攻击目标&#xff0c;勒索病毒成为当下计算机服务器的主要攻击目标。近期&#xff0c;我们收到很多企业的求助&#xff0c;企业的服务器被locked…

linux程序保护机制gcc编译选项

预备知识&#xff1a; 计算机内存的结构通常包括以下几个主要部分&#xff1a; 1.代码段(Code Segment)&#xff1a;也称为文本段&#xff0c;存储程序的可执行指令。代码段是被标记为可执行的&#xff0c;程序从代码段中获取指令并执行。 2.数据段(Data Segment)&#xff1a…

聚焦智慧医疗-RK3566智能主板助力POCT领域

POCT又称即时检验&#xff0c;是IVD(体外诊断)行业的一个细分领域&#xff0c;是指在采样现场即刻进行的快速诊断&#xff0c;省去了标本在实验室检验的复杂处&#xff0c;利用便携式分析仪器及配套试剂快速得到检测结果的一种检测方式。常见的POCT设备有生化分析仪、免疫分析仪…

Netty的ByteToMessageDecoder分析

说明 io.netty.handler.codec.ByteToMessageDecoder是一个解码器&#xff0c;从字节数据转换为其它类型的数据。ByteToMessageDecoder内部有一个累加器&#xff0c;将收到的字节读出来累积到一个ByteBuf中。ByteToMessageDecoder是个抽象类型&#xff0c;其中抽象函数decode(C…

Adobe全家桶-Prelude 2022安装教程

软件介绍 Adobe Prelude简称Pl&#xff0c;是Adobe出品的一款专业级别的视频编辑软件。Adobe Prelude软件将卓越的性能、优美的改进用户界面和许多奇妙的创意功能结合在一起&#xff0c;包括用于动态时间轴裁切、扩展的多机编辑、调整图层等。可用于结构化或简化视频制作工作流…

侯捷 C++面向对象编程笔记——8 静态 模板 namespace

8.1 static 对于非静态的函数和数据&#xff1a; 非静态的成员函数通过this指针来处理不同的数据&#xff08;一份函数—>多个对象&#xff09; 对于静态的函数和数据&#xff1a; 静态函数没有this&#xff0c;不能处理一般的数据&#xff0c;只能处理静态的数据 例1&a…

webshell免杀项目-Webshell_Generate(四)

用于生成各类免杀webshell 该工具没什么技术含量&#xff0c;学了一点javafx&#xff0c;使用jdk8开发出了几个简单功能用来管理webshell。页面比较low。 工具整合并改写了各类webshell&#xff0c;支持各个语言的cmd、蚁剑、冰蝎、哥斯拉&#xff0c;又添加了实际中应用到的一…

【Opencv入门到项目实战】(七):图像轮廓检测

所有订阅专栏的同学可以私信博主获取源码文件 文章目录 引言1.​轮廓检测2.轮廓特征3.轮廓近似4.外接矩形总结 引言 这一篇文章我们来讨论图像轮廓相关的知识点&#xff0c;什么叫做轮廓&#xff0c;从定义上来说它是指图像中连续的曲线或边界&#xff0c;表示了图像中目标的…

h5高德地图定位与Audio标签冲突

看到此文说明你也遇见此问题了&#xff0c;在ios设备使用(高德地图、百度地图)定位&#xff0c;如果在页面中有audio标签则会出现定位失败要么就是音频无法播放&#xff0c;此问题已和官方证实 是冲突问题&#xff0c;暂无解决方案。 因为高德地图也是基于原生定位开发的&#…

51单片机学习--红外遥控(外部中断)

需要利用下面这个红外接收头&#xff0c;OUT口会发出红外信号对应的高低电平&#xff0c;由于发送的速度很快&#xff0c;所以需要把OUT引脚接在外部中断引脚上&#xff0c;当OUT一旦产生下降沿&#xff0c;马上进中断&#xff0c;这样响应会更及时。 外部中断引脚位于P3_2和P…

chatGPT能力培训,客户最关注的99个方向

前言&#xff1a; chatGPT的主要应用&#xff0c;包括文本生成、图像生成和图文关联三大核心方向&#xff1a; 用户的在实际的工作和学习过程中&#xff0c;最关心的内容&#xff0c;可以按照上述类别进行划分&#xff0c;我们总结了&#xff0c;相关的插头GPT能力培训的相关主…

工程管理系统简介 工程管理系统源码 java工程管理系统 工程管理系统功能设计em

工程项目管理软件&#xff08;工程项目管理系统&#xff09;对建设工程项目管理组织建设、项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营&#xff0c;全过程、全方位的对项目进行综合管理 工程项目各模块及其功能点清单 一、系统管理 1、数据字典&#xff…

这些工具让音频文件格式转换更简单

小华是一位音乐爱好者&#xff0c;他平时喜欢下载并播放一些流行音乐。在这个过程中&#xff0c;他发现从不同平台上下载下来的音乐格式并不一样&#xff0c;而不同的播放平台也支持不同的音频格式。这令他感到烦恼&#xff0c;并希望通过一些音频格式转换器来帮助他解决音频格…

2023牛客暑期多校训练营7 I-We Love Strings (分块)

文章目录 题目大意题解参考代码 题目大意 题解 这题给定的 n n n 大小和 s i s_i si​ 的总长度有玄机。 我们发现&#xff1a; 400 2 0 2 40020^2 400202&#xff0c;对于每一组数据 n n n 的个数每增加一个&#xff0c; s i s_i si​ 的平均值就会减小。 处理相同的 l…

【MySQL】表中的一条数据在磁盘上是如何存放的?

文章目录 1 InnoDB行格式2 COMPACT行格式2.1 记录的额外信息2.2 记录的真实数据 3 Dynamic & Compressed4 VarChar(n)中n的最大取值&#xff1f; 1 InnoDB行格式 不同的存储引擎一般是为实现不同的特性来开发的&#xff0c;真实数据在不同存储引擎中的存放格式一般是不同的…

Sentieon | 每周文献-Long Read Sequencing(长读长测序)-第七期

长读测序系列文章-1 标题&#xff08;英文&#xff09;&#xff1a; PrecisionFDA Truth Challenge V2: Calling variants from short and long reads in difficult-to-map regions标题&#xff08;中文&#xff09;&#xff1a; PrecisionFDA真相挑战第二版&#xff1a;利用短…

React源码解析18(2)------ FilberNode,FilberRootNode结构关系

摘要 在上一篇&#xff0c;我们实现了通过JSX转换为ReactElement的方法&#xff0c;也看到了转换后React元素的结构。但是这个React元素&#xff0c;并不能很清楚的表达组件之间的关系&#xff0c;以及属性的处理。 所以在React内部&#xff0c;会将所有的React元素转换为Fil…

银行高效办公神技,看完跪了!

在现代社会中&#xff0c;银行作为金融体系的关键组成部分&#xff0c;不仅需要保障日常的业务运作&#xff0c;还必须在电力故障等紧急情况下保持连续性。 蓄电池作为一种关键设备&#xff0c;需要持续的监控和维护&#xff0c;以确保其可靠性和性能。因此&#xff0c;银行网点…

Salesforce 助理认证和管理员认证有何区别?备考者应如何选择?

随着Salesforce生态系统对专业人员的需求不断增长&#xff0c;获得相关认证对于寻求职业发展的从业者来说至关重要。 对于刚接触Salesforce平台的人而言&#xff0c;Salesforce助理认证和Salesforce管理员认证是两个比较基础的认证。这两个认证有什么区别呢&#xff1f;从业者…