Vue.js 与 ActiveX 控件

最新推荐文章于 2025-01-23 18:05:45 发布

weixin_33733810

最新推荐文章于 2025-01-23 18:05:45 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Currention/p/11024215.html

本文探讨了在Vue.js中调用ActiveX控件的方法，包括使用传统getElementById调用控件函数，以及通过动态生成脚本绑定ActiveX事件到Vue实例的创新方案。文章详细介绍了如何在Vue中注册事件监听器，实现与ActiveX控件的有效通讯。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前需要解决的问题有两个：

1、调用 ActiveX 控件函数

传统方式，如下。

document.getElementById('objMqtt').init()

其他方式，未考证。

参考链接：https://forum.vuejs.org/t/vue-ocx-vue/20324/6

参考链接：https://www.jianshu.com/p/5f9c6f05cda1

2、Vue.js 与 ActiveX 事件

方法一：使用 attachEvent 或者 addEventListener 方法。

据说在IE8-10可用，不过未能实现。

参考链接：https://blog.youkuaiyun.com/youyouwoxing1991/article/details/88649638

方法二：动态生成脚本，渲染到页面上。IE 9-11，测试成功。

1.在methods中，新增事件触法的方法。

wakeUp(msg) {
      console.log('receive:' + msg)
    }

2.在methods中，新增方法，用于动态生成ActiveX控件事件绑定。

initActiveXObject () {
      var scriptStr = document.createElement('script')
      scriptStr.setAttribute('for', 'obj1')
      scriptStr.event = 'UserStopInfo(strMsg)'
      scriptStr.appendChild(document.createTextNode(activeXListener.wakeUp(strMsg)'))
      document.body.appendChild(scriptStr)
      window.activeXListener = this
    }

3.在mouted方法中，初始化ActiveX控件。

mounted () {
    this.initActiveXObject()
  }

参考链接：https://www.jb51.net/article/158432.htm

转载于:https://www.cnblogs.com/Currention/p/11024215.html