最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下：
1.如何将ActiveX控件引入Vue，并且在页面上成功渲染；
2.如何调用ActiveX已提供的方法；
3.如何监听ActiveX的动作；
（注：以上问题在html的文件里不存在）
我们先来看下第一个问题：如何将ActiveX控件引入Vue，并且在页面上成功渲染。如何将ActiveX控件渲染到页面上。根据客户开发人员提供的demo，`<object id="" classid=""></object>`拷贝到vue文件中，如图所示
yarn run dev，运行成功，但是页面空出很大一块空白区域，很显然，没有渲染成功。经过查询，ActiveX控件只支持在IE浏览器下使用（有点坑）
这算是解决了第一个问题，同样，小伙伴可以通过动态生成的方式渲染到页面上，代码如下：
let obj = document.createElement('object')
obj.setAttribute('id', 'activex')
obj.setAttribute('classid', 'clsid:{控件id}')
obj.setAttribute('width', 1500)
obj.setAttribute('height', 100)
var _obj = document.getElementById("要渲染的节点");
_obj.appendChild(obj)
接下来我们来看第二个问题：如何调用ActiveX已提供的方法。
渲染是可以了，但是却无法调用控件提供的方法。根据demo：`softphonecontrol.MakeCall(paramsItem)`，无法执行，后来又采取嵌入iframe方式（还记得刚刚说的吗，这个控件在单纯的html页面没有任何问题，当然前提是IE浏览器）。最终找到原因，IE的浏览器需要做下设置设置：设置-Internet选项-安全/自定义级别-Active控件和插件-对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本，选择"启用"或者"提示"）
最后一个问题啦：如何监听ActiveX的动作。
根据demo：
<script for= "softphonecontrol" event= "OnLogRingUp(param1，param2)" language= "javascript">
alert("param1:"+param1+" "+"param2:"+param2);
</script>
再次提醒一下，这种写法也只有IE支持，谷歌支持一些简单的window.reload、onclick之类的方法，<script></script>中间的alert就是监听后续需要做的事情。我将这段代码直接拷贝到vue文件里：
哈哈，成功编译，但是无法监听到。换个思路，动态渲染到根节点呢，像上面提到的：
initRingUpSript:function(){
var ring = document.createElement("script");
ring.setAttribute("for","softphonecontrol");
ring.event="OnLogRingUp(Call_ID,CORP_CODE)";
ring.appendChild(document.createTextNode("phoneListener.ringUp(Call_ID,CORP_CODE)"))
document.body.appendChild(ring)
},
值得注意的是：此方法会将<script>function</script>渲染到页面上，但是想执行Vue的methods的方法的话，还需要在mounted里加上一句代码： window.phoneListener = this;
这段代码的作用是将Vue的this所指向赋值给全局的变量phoneListener，这个变量，可随意。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。