vue中使用ocx

最近貌似大家都会遇到一些奇葩问题然后询问原因,大家认真看文章,参考评论里其他人的信息。实在不行重启电脑。实在不行重新检查下代码吧。这个东西只要动态创建了,信任站点配置了。应该没啥问题的。
注释:鉴于大家提出的问题,这里贴出源码地址https://gitee.com/wangFengJ/fml-ocx.git,大家自行下载
使用demo:

1547536805683.jpg

1547536869033.jpg

最近做了一个项目,需求是这样的:利用ocx实现指纹录入功能。
其实对于前台来说只是方法的调用,ocx里的GetFingerInfo会返回当前录入手指的信息,前台在将返回的信息作为参数值给后台即可。但难过的是就是这么个简单方法的调用,ocx指纹录入相关的demo页都可以执行这个方法,放到vue中,不管你是以组件形式还是网上所说的iframe形式,在控制台里永远都是报方法不存在,不知道有没有和我同样遭遇的码农,搜索了网上很多,发现没一个答案可以解决我的问题。

我们都知道在使用ocx的时候是需要注册的,(这个相关注册这里就不一一详解,网上还是很详细的)然后在通过标签<object id="ocx" classid="注册好后都会有对应的classid"></object>,使用的时候通过ocx.GetFingerInfo(idcard,fingerNum,timeout)即可。

但在vue中不仅仅是普通方式放入object标签,你需要做的是通过创建节点的方式,在你需要使用的.vue中,在mounted中将创建好的object标签添加到body里。

具体使用看下方代码截图:(因为我没有用jq,所以用的是原生js的方式进行节点的插入)


QQ20181204-134419@2x.png

创建节点方法:


4FC099F5-D7D2-453D-ADC1-64F11803928C.png

需要的页面使用:


CF2D0E2B-D046-4A4C-B159-EA6BBB28B0AF.png

其他的就是在需要调用ocx里的方法时,直接调用即可。有不明白的可以私信问我。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 坚持原创分享第134天 给予足够的注意 从出生开始,每个人都渴望获得关心与注意,只不过人在每个阶段的表...
    我是一只没有脚的鸟阅读 289评论 0 0
  • 只给你写过一封信 伪装成普通的样子 快跑着送去 递信的人打开看 我也不管了 赶快跑掉 如果还能寄给你 把我也装进去...
    riverchild阅读 231评论 1 0
  • 以前一直以为,不跟父母要钱就是独立,但现在却越来越发觉,钱只是其中很小的一部分。 独立,不仅意味着你要有收入,也意...
    Hecyzy阅读 226评论 0 0
  • 今天,健身房健身房累垮洗澡播放着关于暗恋的歌,不禁让我想起了你,本想在一年的时候和你再说一次,放弃了,打算把最好的...
    MJSTW阅读 555评论 0 49