Vue引用ActiveX插件,插件可以正常渲染出来,但无法正常使用,提示“找不到成员”

1.最近做的一个Vue项目需要引入一个ActiveX的组件(呼叫中心的一些功能),在页面通过引用,页面可以正常渲染出来,但是无法调用相关功能函数,尝试在Vue的项目里使用iframe,也无法使用;
提示报错:找不到成员
注:单独使用html是正常的

2.相关代码



export default {
mounted() {
this.ActiveInit();
},
methods: {
makecalls: function() {
console.log(softphonecontrol);
softphonecontrol.ClearCall();
},
ActiveInit: function () {
let obj = document.createElement('OBJECT')
obj.setAttribute('id', 'softphonecontrol')
obj.setAttribute('classid', 'clsid:{36C5CC8C-2CBB-4630-B5AA-9EC15F949604}')
obj.setAttribute('width', 1500)
obj.setAttribute('height', 100)
var _obj = document.getElementById("emergencyCommandPage");
_obj.appendChild(obj)
},
}
}

iframe引入,object写在iframe里面,在iframe里面初始化