vue+element 在ie和360浏览器的兼容问题
只是单纯的新闻性网站,包括首页、栏目页、详情页和一些专题页面,部署完之后在谷歌没什么问题,当用户提到在ie打不开的时候才考虑到很久没去做ie的兼容了,这些页面里主要用到的关键技术点就是一些基础的数据绑定以及关键问题Vue.component组件用于展示网站的公共部分,代码如下:
后来就各种百度,说是vue内部包含es6的语法,ie不支持,就按照网上的说法下载了一个polyfill.min.js文件,网上大部分都是用脚手架或者cli的引入办法,其实下载下来和普通js引入方法一样
但是要注意的是,该文件一定要在所有文件的最上边,也就是第一个引入的js文件
引入之后发现不再报那个es6语法的错误了,但是还是出不来,报的错一直指向我写的组件,后来尝试着把组件模版的形式改变了一下,之前是通过template:模版,后来更换成字符串拼接的形式:
才没有报这块错误,后来网站还是打不开,原来是因为首页里面也用到了~这个符号,是ie识别不了这个符号,统一更换了以后才正常显示,但是由于vue抛弃了ie8,对于ie8及其以下的浏览器还是不支持的。
整个过程用了接近五个小时,终归结局是好的,也是因为对vue组件模版使用没那么熟悉,希望能帮到遇到同样问题的小伙伴。
vue+element 在ie和360浏览器的兼容问题相关推荐
- php如何适应360兼容模式,教你360浏览器开启兼容模式的图文教程
我们在使用电脑时很多时候都需要运行浏览器,但有的用户却跟小编反映说自己想要给360浏览器开启兼容模式但不知道怎么操作,那360浏览器兼容模式怎么设置呢?下面本文就来教大家关于360浏览器开启兼容模式的 ...
- bootstrap与360浏览器不兼容问题
我自己做了一个网站,使用的是bootstrap技术作为设计界面,但是使用360浏览器的时候,出现了图片不兼容的问题,总的来说是网页出现了不兼容的问题. 我的网站解决方法:在页面中加入了一个meta的标 ...
- 360兼容性问题:教资报名请使用搜狗浏览器(兼容模式)、360浏览器(兼容模式)、QQ浏览器(内核模式请选择:总是使用IE内核)、IE系列浏览器。
我们在教资报名,或者访问一些老网站的时候,总是出现这个东西,兼容性问题. 这里谷咕咕用的 https://bbs.360.cn/thread-14958904-1-1.html 360浏览器的解决办法 ...
- html页面改成jsp后IE和360浏览器不兼容问题
页面设计提供的页面时html形式的,我们必须把html转为jsp.让人头痛的问题来了,每次在我把html转成jsp之后总出现在ie和360浏览器中部分样式不能显示的问题,具体表现为本来页面改居中显示的 ...
- vue项目接入监控视频(360浏览器)
1.先安装vlc视频播放插件, 2.直接上代码 <div id="video" class="videocenter_top" > <obje ...
- 360浏览器5兼容模式吗_Vue-cli项目,打包生产模式,部分用户360浏览器极速模式下奔溃...
一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置. 客户使用win7下360安全浏览器访问,自动变成"兼容" ...
- 360 浏览器页面兼容 IE7
今天用 css,js 搭页面,运行时发现 chrome ,ie11,百度浏览器 都可以正常显示,就用360时页面毁了. 一按F12,发现360默认使用IE7内核解析dom,把内核改成 IE8 也可正常 ...
- 360浏览器的兼容模式
在使用vue3的项目中,360兼容模式下可能网页不能被打开,在极速模式下可以. 因为360兼容模式使用的是IE内核,v3的项目已经不支持IE11.如果用户打开我们的网页是使用的是360兼容模式,可以加 ...
- sgSpeedMode.js判断360浏览器是“兼容模式”,提示使用“极速模式”
为了达到目的,当用户使用的是浏览器"兼容模式"就会出现以下提示 //极速模式提示信息-最简练的判断方式 if (navigator.userAgent.indexOf(" ...
最新文章
- NVIDIA Nsight Systems CUDA 跟踪
- (原创)Python文件与文件系统系列(5)——stat模块
- 2022年你应该知道的机器学习算法
- 【Flutter】Image 组件 ( 内存加载 Placeholder | transparent_image 透明图像插件 )
- tinyxml语法讲解之写xml
- 如何使用Spring优雅地处理REST异常
- 我家闺女35岁了还嫁不出去我该怎么办?
- css3位移过度效果,详解Css3新特性应用之过渡与动画
- numpy教程:基本输入输出和文件输入输出Input and output
- 据说的屏蔽惠普增霸卡方法!
- 百度文库文章提取器(下)
- Podfile 文件写法
- 应届生落北京集体户口
- python 文本分析
- css 里面写响应式布局,CSS3怎么做出响应式布局
- 光纤跳线、尾纤、光纤连接器之间有什么区别
- axios下载压缩包的处理方式
- AI 建模师 素养手冊(2)
- 学校校园学生信息管理系统 毕业设计毕业源码毕业论文开题报告参考(1)功能概要
- 你必须知道的.NET(第2版)