Vue框架中如何有效解决ActiveX控件引入难题？

本文共计793个文字，预计阅读时间需要4分钟。

最近参与了山东某公司的呼叫中心系统开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软件条功能。从开始到结束，遇到了以下几个问题：

1. 如何将ActiveX控件引入？

最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下：

1.如何将ActiveX控件引入Vue，并且在页面上成功渲染；

2.如何调用ActiveX已提供的方法；

3.如何监听ActiveX的动作；

（注：以上问题在html的文件里不存在）

我们先来看下第一个问题：如何将ActiveX控件引入Vue，并且在页面上成功渲染。如何将ActiveX控件渲染到页面上。根据客户开发人员提供的demo，`<object id="" classid=""></object>`拷贝到vue文件中，如图所示

yarn run dev，运行成功，但是页面空出很大一块空白区域，很显然，没有渲染成功。