vue中使用ocx

作者: 风慕李 | 来源:发表于2018-10-30 14:23 被阅读802次

最近做了一个项目,需求是这样的:利用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里的方法时,直接调用即可。有不明白的可以私信问我。

相关文章

  • vue中使用ocx

    最近做了一个项目,需求是这样的:利用ocx实现指纹录入功能。其实对于前台来说只是方法的调用,ocx里的GetFin...

  • .NET使用ActiveX控件

    使用 regsvr32注册ocx控件 使用VS命令行工具,aximp aaa.ocx路径 会生成两个dll文件(...

  • 今天我们整理下前端记住密码的功能

    2020年4月3日,疫情已经持续很久我也很久没有空更新文章,看到有朋友留言关于vue中使用ocx,参考我的文章还是...

  • vue中使用ocx支持rtmp推流

    实例 参考地址:IE、chorme、firefox、safari对于标签标签支持情况:https://blog.c...

  • VUE路由的简单使用

    VUE中如何使用路由? 路由的基本使用 在html中 引入vue 和 vue-router 包 创建vue对象并将...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • 对OCX发送的请求做压测

    IE中调用OCX处理部分业务,对这部分业务做性能测试有两种方法: 1、使用loadrunner、jmeter等性能...

  • 在vue中使用CSS的预处理器

    安装 Scass 在命令中输入 在vue中使用 Less 在命令中输入 在vue中的使用 Stylus 在命令中输...

  • VUE3下js文件的国际化问题

    使用vue@3.2.31和vue-i18n@9.2.2实现国际化,在vue组件(.vue文件)中可以正常使用,在单...

  • Vue Router 学习归纳

    一、简介 在 html 中,使用 a 元素进行页面的跳转,如 Baidu 。在 Vue 中,则使用 Vue Rou...

网友评论

    本文标题:vue中使用ocx

    本文链接:https://www.haomeiwen.com/subject/dadgtqtx.html