场景

若依前后端分离版手把手教你本地搭建环境并运行项目：

若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客

在上面搭建起来的Vue前端项目中，实现对接海康威视摄像头时，设备需要IE(兼容模式)才能进行预览。

怎样判断当前是否为IE或者兼容模式。

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、在主页面中实现点击按钮，在新标签页中打开

        <el-buttontype="success"plainicon="el-icon-setting"size="mini"@click="checkCompat">检测是否是IE兼容模式</el-button>

2、配置路由跳转，打开src下router下的index.js

  {path: '/checkIE',component: Layout,component: (resolve) => require(['@/views/system/cameramap/component/checkIE'], resolve),meta: {title: 'checkIE'},hidden: true,}

3、按钮点击事件中在新的标签叶中打开

    checkCompat(){window.open("/checkIE", "_blank");},

4、在新的页面中获取请求代理

  data() {return {ua: navigator.userAgent.toLocaleLowerCase(),};},

5、在新页面的created方法中判断是否为IE

  created() {if (this.ua.match(/msie/) != null || this.ua.match(/trident/) != null) {this.browserType = "IE";this.$notify({title: "成功",message: "当前为ie模式",type: "success",});} else {this.$notify({title: "失败",message: "请在ie模式下查看摄像头",type: "error",});}},

6、效果

Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)相关推荐

vue检测是不是360浏览器兼容模式_360安全浏览器兼容模式无法访问vue怎么解决？...
360安全浏览器兼容模式无法访问vue怎么解决?下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 360兼容模式下 ...
vue watch 监听不到变化_关于vue中watch检测到不到对象属性的变化的解决方法
前言在vue开发的过程中发现一个问题:改变vue.$data中对象的属性,watch是观测不到变化,但其实对象的属性是有变化的.这--,有点难以置信! 正文 update age with 25 e ...
vue中如何检测身份正反面_vue iview怎么验证身份证正则
customer: { name: "", idCard: "", mobile: "" }, ruleValidateX: { name: ...
vue中biff算法
biff算法是 Vue 中用于检测数据变化的一种算法.它是 "Batched Inline Flush" 的缩写,意思是批量内联刷新.biff 算法可以极大提高 Vue 在检测数据 ...
vue项目中，360浏览器兼容模式下部分页面显示不出来
1.问题在项目中引用了百度地图,但是在360浏览器的兼容模式下无法显示兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的'兼容'二字 2.解决告诉浏览器最少使用IE11的内核去 ...
vue中如何关闭eslint检测？
目录 vue中如何关闭eslint检测? eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格.这篇文章主要介绍了vue项目关闭eslint校验,需要的朋友可以参考下. ...
vue中检测断网处理
在router中添加错误页面的路由 {path: '/networkError',component: require('@/public-component/no-network.vue').def ...
vue中检测敏感词，锚点
当发布文章的时候,标题有敏感词则检测有敏感词的接口成功的时候,写锚点 eg: _this .$alert("检测到标题有敏感词,请修改后再发布", "提示", ...
Vue中为什么不能检测数组的变化-01-defineProperty
Vue2.0对于响应式数据的实现有一些不足: 无法检测数组/对象的新增无法检测通过索引改变数组的操作. Vue2.0中响应式数据是通过Object.defineProperty实现,因此无法检测数组 ...

Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)

场景

实现

Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)相关推荐

最新文章

热门文章