精华内容
下载资源
问答
  • vue兼容ie6
    2022-08-01 09:07:59

    虽然马上要摈弃ie的使用,但是在现阶段还是在某些场景下需要用到ie,那如何才能在vue中兼容ie呢

    首先在main.js引入

    1. import ‘core-js/stable’

    2. import 'regenerator-runtime/runtime

    3.packjson中 plugin-transform-runtime

    在 babel.config.js 中

    > module.exports = {
    > 		  presets: [
    > 		    '@vue/app',
    > 		    [
    > 		      "@babel/preset-env",
    > 		      {
    > 		        "modules": false,
    > 		        "corejs": "3",
    > 		        "useBuiltIns": "usage"
    > 		      }
    > 		    ],
    > 		  ],
    > 		  "plugins": [
    > 		    "@babel/plugin-transform-runtime"
    > 		  ] 		
    > };
    

    index.html 中

          <meta name=renderer  content=ie-comp>
          <meta name=renderer  content=ie-stand>
    

    如果在项目中有sockjs,请在vue.config.js中添加

      transpileDependencies: [
        /[/\\]node_modules[/\\]_sockjs-client@1.6.1@sockjs-client[/\\]dist[/\\]/
      ],
    

    即可实现兼容ie,不兼容ie的问题基本是不兼容es6的写法。

    更多相关内容
  • IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而...简单的说,兼容问题一般是IE 对于es6 的部分新对象、表达式,语法并不支持,解决方案是使用 babel-poly
  • 老板让我将后台管理系统的框架兼容IE,一直都是在chrome下开发的,也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的,UI框架使用的是iview,ajax请求使用的是axois,此外就没有...
  • 主要介绍了Vue兼容ie9的问题全面解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • vue兼容ie问题

    2019-07-31 16:12:00
    转载于:https://www.cnblogs.com/carry-2017/p/11277075.html

     

    转载于:https://www.cnblogs.com/carry-2017/p/11277075.html

    展开全文
  • 这都2022年了,还要兼容ie,就离谱。。。 项目使用的依赖的兼容性问题,由于IE在市场的占有率不到1%,很多插件已经不再考虑兼容IE浏览器了。 还有一个是如何要兼容更低版本的浏览器(IE8-),那还得下载es3ify-...

    前言

    这都2022年了,还要兼容ie,就离谱。。。
    项目使用的依赖的兼容性问题,由于IE在市场的占有率不到1%,很多插件已经不再考虑兼容IE浏览器了。
    还有一个是如何要兼容更低版本的浏览器(IE8-),那还得下载es3ify-webpack-plugin插件把es5转化成es3
    现在项目的css布局基本都是使用flex布局或者grid布局了,很多在ie上很出现布局错乱甚至不显示的问题。
    下面兼容的问题只针对功能性上的,css布局问题如果要兼容ie要多写好多代码,还影响后续开发的时间成本,所以我是不处理了。
    处理的项目是Vue2.6版本

    依赖中有es6语法

    一般vue项目的babel是不会主动去识别node_modules文件的,需要手动去识别,但是识别整个node_modules文件夹又太慢了,可以在vue.config.js增加transpileDependencies配置项来指定识别相关依赖:

    module.exports = {
    	transpileDependencies: ['依赖名']
    }
    

    我看网上有些说transpileDependencies无效的问题,有说是没用npm下载依赖导致的,有的说可以用正则来匹配依赖名。

    IE控制台报错:unhandled Pormise rejection Error: 拒绝访问

    在这里插入图片描述

    这个问题是因为Promise的异常捕获冒泡导致的,当Promise的状态变为rejection时没有正确处理,让其一直冒泡(propagation),直至被进程捕获。这个Promise就被称为unhandled promise rejection。在promise加上catch就行了

    下载功能在IE下无效

    这个原因是下载功能是通过获取链接然后通过dom.click()方法进行下载的,这在ie是不行的,没有通过鼠标而是通过js来实现单击效果ie认为是漏洞。判断下是不是IE浏览器,然后特殊处理:

    let blob = 'xxx' // 图片blob对象
    if (!!window.ActiveXObject || 'ActiveXObject' in window) {
     	 window.navigator.msSaveBlob(blob, imgText + '.png')
    } else {
    	let a = document.createElement('a')
    	a.setAttribute('href', URL.createObjectURL(blob))
    	a.clock()
    }
    

    那如果要模拟点击时间呢:

    if (typeof this.onclick == 'function') {
    	if (this.onclick({type: 'click'}) && this.href) {
    		window.open(this.href, this.target? this.target : '_self');
    	} else if (this.href) {
    		window.open(this.href, this.target? this.target : '_self');
    	}
    }
    

    路由不能跳转:SCRIPT1006: Expected ‘)’

    在这里插入图片描述
    定位到报错代码位置:
    在这里插入图片描述
    发现是element_ui依赖的问题,参考上面的依赖中有es6语法问题。

    babel优化

    使用env preset
    babel-preset-env允许你指定一个代码执行环境,并且只编译该环境缺少的特性。而非babel-pre-env预设存在的问题在于它们往往做得太多。例如,大多数现代浏览器都支持ES6生成器。如果使用babel-preset-es2015这些预设,ES6生成器函数将始终被转换为复杂的ES5代码,完全没有必要。
    .babelrc 配置文件如下:

    "presets": [
        [
          "env",
          {
            "targets": {
              "browsers": ["last 2 versions", "ie >= 8"]
            }
          }
        ]
      ]
    

    参考文档:
    Babel中文参考手册

    展开全文
  • vue 兼容IE8

    千次阅读 2021-12-17 14:40:26
    前端时间用vue做了一个提交申请单的功能,客户开始是说要兼容IE,IE可以之后,又说要兼容到IE8。可vue官网直接说了不兼容IE8,可真是让人头大。 没办法,谁让客户是上帝呢,只能想办法解决了,经过各种百度,最终...

    前端时间用vue做了一个提交申请单的功能,客户开始是说要兼容IE,IE可以之后,又说要兼容到IE8。可vue官网直接说了不兼容IE8,可真是让人头大。

    没办法,谁让客户是上帝呢,只能想办法解决了,经过各种百度,最终决定用avalon2去解决。

    在这里我就贴一些修改基础,不贴代码告诉大家怎么做了,就把需要用的参考文档贴出来,方便大家查阅吧。

    new vue ----------->avalon.define

    el:----------->$id

    id='xxx'----------->ms-controller='xxx'

    v-model----------->ms-duplex

    v-for----------->ms-for

    v-show----------->ms-attr-visivle

    v-if----------->ms-if

    :style----------->ms-css

    :disabled-----------> ms-attr-disabled

    :checked ----------->ms-attr-checked

    https://www.cnblogs.com/rubylouvre/p/3181291.html#top10https://www.cnblogs.com/rubylouvre/p/3181291.html#top10icon-default.png?t=LA92https://www.cnblogs.com/rubylouvre/p/3181291.html#top10https://www.bootcdn.cn/avalon.js/https://www.bootcdn.cn/avalon.js/icon-default.png?t=LA92https://www.bootcdn.cn/avalon.js/http://avalonjs.github.io/index2.html#home.htmlhttp://avalonjs.github.io/index2.html#home.htmlicon-default.png?t=LA92http://avalonjs.github.io/index2.html#home.htmlhttps://www.cnblogs.com/vajoy/p/4063824.htmlhttps://www.cnblogs.com/vajoy/p/4063824.htmlicon-default.png?t=LA92https://www.cnblogs.com/vajoy/p/4063824.html

    展开全文
  • vue 配置兼容ie浏览器

    千次阅读 2020-12-20 21:21:10
    Vuevue 配置兼容ie浏览器发布时间:2018-11-26 10:39:46作者:wangjian浏览量:843点赞量:0vue框架使用了ES6,然而ie浏览器不支持ES6语法,导致使用vue搭建的项目在ie浏览器上面无法运行,这里解决vue框架兼容ie(9+)...
  • VUE兼容IE语法

    2022-07-06 14:03:02
    VUE页面报错解决方案:增加:function即可解决
  • vue兼容IE

    2022-02-18 18:37:41
    一、安装:npm install --save babel-polyfill; 二、配置:module.exports = { entry: [“babel-polyfill”, “./src/main.js”] }; 三、main.js中配置:import ‘babel-polyfill’ //放在最顶部...presets:["@vue/cl
  • Vue 兼容 ie9

    2021-02-23 09:21:00
    Vue官方对于ie浏览器版本兼容情况的描述是ie9+,即是ie9及更高的版本。经过测试,Vue的核心框架vuejs本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在ie9上正常使用。然而版本较旧的浏览器并不支持es6...
  • vueIE11版本上的问题

    2019-04-21 14:08:47
    解决vueIE11版本报错情况,vuex requires a Promise polyfill in this browser.需要下载babel-polyfill,在main.js中 import 'babel-polyfill',修改webpack.config.js中的入口文件。ie11打不开vue项目,报错 ...
  • vue兼容ie浏览器

    2022-05-25 09:21:15
    ie浏览器中打开vue项目时,报错 解决方案如下: 安装babel-polyfill(npm install babel-polyfill --save-dev) 在main.js顶部引入(import'babel-polyfill') babel.config.js module.exports = { ...
  • 这个搭建的主要方式,我在另外一篇文章中已经详细介绍了,vue如何兼容ie的安装 跳转的地址可以点这个:vue搭建项目的配置 项目中的public文件夹里的index.html添加一些兼容 <!DOCTYPE html> <html> ...
  • Vue兼容IE9

    2020-09-23 11:04:13
    1.首先npm install –save babel-polyfill 2.然后在main.js中的最...meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4.在webpack.base.conf.js中,修改编译配置 entriy:{ app:['babel-polyfill
  • 本文主要介绍了一行代码解决各种IE兼容问题(IE6-IE10)的方法,具有很好的参考价值。下面跟着小编一起来看下吧
  • 前言背景情况http请求:axiosVue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuejs 本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用...
  • vue兼容IE8以上解决方案

    千次阅读 2020-07-11 14:25:47
    vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。 二、解决方案 1、采用 babel-polyfill 进行转换语法。 2、...
  • IE 页面空白报错信息此时页面一片空白报错原因Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法...
  • vue兼容IE11,两点

    2021-08-23 18:22:05
    1,兼容ie浏览器,最主要的是兼容es6以上的语法,项目里的组件(vue实例上的)js都会在编译时被转译为ES5,但!引入的js、index<script>标签里面的js,还有node_modules里面需要再次编译的(如vue-echarts)等,...
  • vue兼容IE文件下载

    2021-02-01 10:29:20
    来了个下载文件的需求,使用blob开发完,测试的时候发现IE出现兼容问题,无法下载,下面是问题解决之后的代码。 发起请求的封装: 这里省略了一部分内容,重点是获取下载文件的文件名称 import axios from 'axios' ...
  • vue项目兼容IE10、IE11浏览器,包括字体样式、插件使用
  • 哎 今天麻了 用非脚手架的vue和el-ui来写页面 结果发现 不兼容ie浏览器 这里我通过百度 确认了几种方法但是都没有实现 最后实现的就是 Releases · babel/babel-standalone · GitHub 通过这个链接 下载 babel...
  • vue兼容IE11

    千次阅读 2019-02-19 17:50:19
    三个步骤 1.package.json -&gt; dependencies增加"babel-polyfill": "^6.26.0"(版本号可以根据npm install --save babel-polyfill拿到) 2.main.js -&...babel-p...
  • 1.页面底层实现——Vue:最低兼容ie10  2.实现思路:  1> 使用html2canvas.js将网页转换为图片  2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现:  要这样实现首先要引入两个插件:  ...
  • vue兼容 ie

    2019-01-10 15:53:30
    vue项目在ie上会显示空白页 安装babel-polyfill:npm install babel-polyfill --save-dev 在入口文件 main.js 中引入 import 'babel-polyfill' module.exports = {  entry: {  app: ["babel-polyfill&...
  • vue自定义浏览器滚动条(已兼容ie)

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,633
精华内容 7,853
关键字:

vue兼容ie6