一、前言

在项目中可能会遇到加载ocx控件的需求，而加载控件是有局限性的，即只有IE内核的浏览器才支持，像谷歌都不支持，这个是个注意的点，所以页面加载该模块肯定要做判断。首先要在浏览器设置允许加载activex控件：

步骤：设置按钮——Internet选项——安全——受信任站点——自定义级别——Activex控件启用

二、控件在项目中使用

1.控件在传统项目中html页面中使用

加载控件

主动事件：

这是控件提供的接口，控件自带

回调事件：

回调的事件在script标签定义就好了，是控件自动触发的事件，比如设备报警，可在该函数中获取到上报的状态，当然也是根据控件提供的事件注册

如果以上写法用在vue中，直接搬到vue中是无法用的，写法也不一样，但是可以用iframe把该html内嵌到vue页面中，但是使用iframe内嵌，在滑动滚动条控件会出现闪烁的情况（也有可能是其他原因导致，还没找到解决办法），所以采用了下面第二种方式

2.控件在vue中的使用方式

引入控件：

方式一：直接在template模板中写入，虽然能引入，但是可能会出现一些意想不到的问题

方式二：动态引入，在mounted中动态加载控件

主动事件调用：这个地方和html页面调用是一样的，没什么区别

回调事件：

回调事件的注册有两种方式：一种是监听方式，一种是动态加载

监听方式：

在mounted生命周期中使用attachEvent注册回调事件，然后回调事件在methods中书写接行了，但是addEventListener不行，监听不到回调事件，且该方式只适用于IE8-IE10

动态加载：

和动态加载控件的方式一样的，在mounted生命周期中实现：

注意的方式是：要把this保存起来，才能调用到该方法

methods中接收回调状态的函数：

vue项目加载OCX控件以及控件的主动事件和回调事件的处理相关推荐

总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
Vue项目加载过慢优化研究
近日研究了一下公司vue项目加载过慢问题,首次打开速度要15秒,经过研究,从两方面着手,最终使项目速度降到了3秒一.通过过gzip加载参考文章: 一.webpack优化之Gzip(vue) - 简 ...
ocx 访问 html,HTML 加载ocx VB编写的控件
打开 VB 6.0 -> 文件 -> 新建工程 ->ActiveX 控件 -> 工程的默认名称是工程1,我们修改成 prj1 -> 控件的默认名称是 UserContr ...
vue 项目加载顺序_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
nginx部署vue项目加载资源慢优化方案
目录 1.问题 2.解决方案推荐gzip压缩解压 2.1 vue项目的配置文件中加如下配置 2.3 nginx服务器配置 1.问题当我采用nginx部署了vue的项目后发现第一次访问网站需要1分左右 ...
vue项目加载不出图片解决方式
vue项目中图片加载不出来,像下面这样,图片地址是有的. 解决方案: 1.在html5或jsp的header加入meta. 找到index.html文件.在head中添加如下代码. <meta ...
vue项目加载慢，Nginx页面优化
优化的思路: F12调起调试模式,查看js和css加载所需时间(注意由于资源过大导致的加载过慢), 下图是经过压缩后的,压缩前chunk-vendors.js我的接近10M,加载几十毫秒. 如果部署在 ...
vbnet加载ocx控件不能生成窗体_解决VB6.0中不能加载MSCOMCTL.OCX的错误提示
VB6.0毕竟是很古老的开发工具了,其对所使用的第三方组件依赖性比较强,例如在打开从其它电脑上拿来的VB6.0的软件(系统)的工程文件(源代码)时,经常会遇到"不能加载MSCOMCTL.OC ...
解决IE不能加载OCX控件问题（一）
OCX是VS2010开发在共享DLL中使用MFC 运行库是多线程选择的是MD IE浏览器打开嵌入OCS的页面后,无法加载OCX,如下图: 在IE浏览器打开该URL后,会提示"IE浏览器已停 ...
加载flash必备的ShockwaveFlash控件属性
加载flash必备的ShockwaveFlash控件属性属性: 1.AlignMode (读写) 语法:AlignMode As Long 说明:对齐方式,与 SAlign 属性联动.当控件的长宽 ...

vue项目加载OCX控件以及控件的主动事件和回调事件的处理

一、前言

二、控件在项目中使用

1.控件在传统项目中html页面中使用

2.控件在vue中的使用方式

vue项目加载OCX控件以及控件的主动事件和回调事件的处理相关推荐

最新文章

热门文章