vue使用原生bootstrap-fileinput无效(未解决)

在将项目中的jq替换为vue时,尝试在vue环境中使用bootstrap-fileinput上传插件遇到困难。由于版本兼容性问题,jq的.on()方法在低版本中不支持,而高版本的jq又无法被vue识别。最终因时间限制,选择自定义开发了一个文件上传插件作为替代方案。
摘要由CSDN通过智能技术生成

这篇只记录一下踩到的坑,由于时间关系,此问题未解决

起因:要求替换项目框架,原先jq要替换成vue。之前bootstrap中自带的文件上传插件自带很多功能,上传进度条、上传内容预览等非常方便(如图):
在这里插入图片描述
然后,在vue中引入这个插件却始终不行。
由于只有一个页面使用,尝试直接引入bootstrap-fileinput文件,发现无法识别fileInput,对jq版本也有限制:
尝试记录

  1. 引入jq低版本1.4.4,可识别到jq,但上传插件中有.on(...)语句,1.7.7版本前不支持.on(...)语句,导致上传插件不可用
import "./jquery-1.4.4.min.js";
  1. 引入jq版本2.1.4(原先项目使用的版本),vue无法识别jq
import "./jquery-2.1.4.min.js";
  1. 降低到vue可识别的最低jq版本1.9.1,引入后打印$(dom).fileinput({…}),报错fileinput为undefined
import "./jquery-1.9.1.min.js";
  1. 高版本尝试:3.6.0,同无法识别jq

暂时和产品商议设计了新的上传插件样式,自定义编写了一个文件上传插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值