精华内容
下载资源
问答
  • 主要介绍了详解vue 兼容IE报错解决方案,详细的介绍了几种原因及其解决方案,非常具有实用价值,需要的朋友可以参考下
  • 主要介绍了Vue兼容ie9的问题全面解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • vue兼容IE8

    2020-11-26 14:04:15
    vue兼容IE8 无良需求要求兼容IE8,坚持反抗,然后乖乖去搞 vue.config.js module.exports = { //项目中使用的需要转换兼容的 transpileDependencies: [ "vuex-persist", "query-string", "vue-echarts", ...

    vue兼容IE8

    无良需求要求兼容IE8,坚持反抗,然后乖乖去搞
    vue.config.js

    module.exports = {
    	//项目中使用的需要转换兼容的
    	transpileDependencies: [
    	   "vuex-persist", 
    	    "query-string",
    	    "vue-echarts",
    	    "resize-detector",
    	    "@antv",
    	    "webpack-dev-server/client",
    	    "vue-awesome-swiper",
    	    "swiper",
    	    "dom7",
    	 ],
    	 //svg
    	chainWebpack: (config) => {
    		const svgRule = config.module.rule("svg");
    		svgRule.uses.clear();
    		// svgRule.use('vue-svg-loader').loader('vue-svg-loader');
    		svgRule
    			.use("babel-loader")
    			.loader("babel-loader")
    			.end()
    			.use("vue-svg-loader")
    			.loader("vue-svg-loader");
    	},	
      };
    
    

    暂时先这些,项目搞完之后再回头看,完全不知道啥是啥,等有空搞个完整的出来

    展开全文
  • vue兼容IE8以上解决方案

    千次阅读 2020-07-11 14:25:47
    vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。 二、解决方案 1、采用 babel-polyfill 进行转换语法。 2、...

    一、说明背景

    vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。

    二、解决方案

    1、采用 babel-polyfill 进行转换语法。

    2、安装babel-polyfill

    npm install -S babel-polyfill

     3、main.js 引入babel-polyfill

    import 'babel-polyfill'

    注意:babel-polyfill 默认会把node_modules 进行过滤出来(这就是很多引入了babel-polyfill还是不能解决兼容性问题的根本原因)

    三、还未解决看下面的操作

    1、当你的语法比较规则的时候,可能按照上面的就可以兼容IE8以上了。

    2、报错 SCRIPT1006: 缺少 ')'

    • 打开IE F12 
    • 如上图提示app.js 12104行报错。点击进入查看。
    展开全文
  • vue兼容IE文件下载

    2021-02-01 10:29:20
    来了个下载文件的需求,使用blob开发完,测试的时候发现IE出现兼容问题,无法下载,下面是问题解决之后的代码。 发起请求的封装: 这里省略了一部分内容,重点是获取下载文件的文件名称 import axios from 'axios' ...

    来了个下载文件的需求,使用blob开发完,测试的时候发现IE出现兼容问题,无法下载,下面是问题解决之后的代码。

    发起请求的封装:
    这里省略了一部分内容,重点是获取下载文件的文件名称

    import axios from 'axios'
    const ek = {}
    // 请求发起时的拦截器
    // todo
    
    // 请求完成后的拦截器
    axios.interceptors.response.use(
        // IE 8-9
        if (response.data == null && response.config.responseType === 'json' && response.request.responseText != null) {
          // todo
        }
    
        // 获取文件名称
        if (response.headers['content-disposition']) {
          const filename = response.headers['content-disposition'].match(/filename=(.*)/)[1]
          return { response, filename: filename }
        } else {
          return response
        }
      },
      error => {
        return new Promise.reject(error) // response
      }
    )
    
    //axios 封装
    ek.request = opts => {
      // 公共参数
      const publicParams = {};
      const data = opts.data || {};
      const options = {
        method: opts.method || 'get',
        url: opts.url,
        params: Object.assign(publicParams, data), // get请求时带的参数
        data: qs.stringify(Object.assign(publicParams, data)),
        // 请求头信息
        headers:
          opts.method == 'get'
            ? {
                'X-Requested-With': 'XMLHttpRequest',
                Accept: 'application/json',
                'Content-Type': 'application/json; charset=UTF-8'
              }
            : {
                'X-Requested-With': 'XMLHttpRequest',
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
              },
          responseType: opts.responseType ? opts.responseType : 'json'
      }
      
      if (opts.method === 'get') {
        delete options.data
      } else {
        delete options.params
      }
    
      // Promise 实例生成以后,可以用then方法分别指定Resolved状态和Reject状态的回调函数。
      return new Promise(function (resolve, reject) {
        // todo
      })
    }
    export default ek
    
    

    页面逻辑:

    <template >
        <div class=""> 
          <el-select v-model="download_type" placeholder="下载记录" class="" @change="download_list(download_type)">
            <el-option
              v-for="item in download_types"
              :key="item.value"
              :label="item.value"
              :value="item.value"
              >
            </el-option>
          </el-select>
        </div>
    </template>
    <script>
    
    import downloadFile from '@/libs/downloadFile'
    
    export default {
      name: 'download-list',
      props: {},
      data() {
        return {
          download_types: [
            { index: '选项1', value: '下载记录'},
            { index: '选项2', value: 'Excel'}, 
            { index: '选项3', value: 'txt'}
          ],
          download_type: '下载记录',
        }
      },
      components: {},
      created: function() {},
      methods: {
        async download_list(type) {
          if(type != 'Excel' && type != 'txt'){
            return
          }else if (type == 'Excel'){
            type = 'xls'
          }
    
          let param = {
            type: type
          }
          try {
            this.Ek.request({
              method: 'post',
              url: this.API.download_file, 
              data: param,
              responseType: 'blob'
            }).then(res =>{
              try {
                let json_data = {}
                let reader = new FileReader()
                reader.readAsText(res.data, 'utf-8')
                json_data = JSON.parse(reader.result)
                reader.onload = function() {
                  json_data = JSON.parse(reader.result)
                  if (json_data && json_data.return_code && json_data.return_code != 0) {
                    // 下载失败的提示
                    console.log('下载失败')
                    return
                  }
                }
                // 下载失败的监控
              } catch (err) {
                console.log(err)
                let filename = res.filename
                filename = decodeURI(filename) 
                // txt,xsl下载
                downloadFile(new Blob([res.response.data],{ type: 'application/'+ param.type }), filename)
                // 下载成功的监控
              }
            })
          } catch (e) {
            console.log(e)
          }
        }
      }
    }
    </script>
    

    下载文件:
    libs/downloadFile.js

     /**
     *下载导出文件
     * @param blob  :返回数据的blob对象或链接
     * @param tagFileName  :下载后文件名标记
     * @param fileType  :文件类 word(docx) excel(xlsx) ppt、pdf等
     */
    
    export default function downloadFile(blob, tagFileName) {
        let href = window.URL.createObjectURL(blob); //创建下载的链接
        
        if (window.navigator.msSaveBlob) {
            // ie 浏览器
            try {
              window.navigator.msSaveBlob(blob, tagFileName)
            } catch (e) {
              console.log(e)
            }
        } else {
            // 谷歌浏览器 创建a标签 添加download属性下载
            let downloadElement = document.createElement('a');
            if (typeof blob == 'string') {
                downloadElement.target = '_blank';
            }
    
            downloadElement.href = href;
            downloadElement.download = tagFileName;
            document.body.appendChild(downloadElement);
            downloadElement.click(); //点击下载
            document.body.removeChild(downloadElement); //下载完成移除元素
            if (typeof blob != 'string') {
                window.URL.revokeObjectURL(href); //释放掉blob对象
            }
        }
    }
    
    展开全文
  • 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上会显示空白页

    • 安装babel-polyfill:npm install babel-polyfill --save-dev
    • 在入口文件 main.js 中引入 import 'babel-polyfill'
    • module.exports = {
       entry: {
       app: ["babel-polyfill", "./src/main.js"]
       }
      };

     

    展开全文
  • 一、兼容IE主要是从以下几个方面考虑 es6语法兼容 Number对象es6新方法兼容 requestAnimationFrame方法兼容 axios Promise兼容 axios cors兼容 Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更...
  • vue兼容ie浏览器

    千次阅读 2019-03-21 11:57:26
    然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的 官网地址:https://github.com/vuejs/vue 然后就找资料查文档,总算给我找到了。 要实现其实很简单,只需要我们下载一个babel-polyfill, npm...
  • https://blog.csdn.net/dizuncainiao/article/details/102746582
  • Ant Design Vue 兼容 IE9 !!!

    千次阅读 热门讨论 2019-10-25 17:10:48
    我大IE ( ̄^ ̄) IE浏览器进入淘汰倒计时,微软安全专家呼吁用户放弃! IE9 无polyfill IE9:忽略上面的信息,其实我还能战十年 ( • ̀ω•́ )✧ IE9 polyfill ...
  • vue兼容ie问题

    2019-07-31 16:12:00
    转载于:https://www.cnblogs.com/carry-2017/p/11277075.html
  • Vue兼容IE11 很直接很实用

    千次阅读 2020-07-14 15:05:22
    问题:最近项目要求兼容IE11。what!!!(心凉半截)于是各种查资料、查前辈们分享的方法,终于发现了最有用的;现总结如下: 一、简单实用篇 1. npm安装babel-polyfill (如果你安装了淘宝镜像可以cnpm) npm ...
  • 兼容问题一般是IE 对于es6 的部分新对象、表达式,语法并不支持, 解决方案是使用 babel-polyfill 来正常使用ES6。 第一步: 安装babel-polyfill npm i babel-polyfill 第二步: 在main.js中引入babel-polyfill ...
  • Vue 兼容IE最终方法。实测有效

    千次阅读 2020-04-23 14:42:19
    vue 采用了最新的ES6语法,而IE不支持ES6,所以使用vue需要解决兼容性问题。 首先我们先引入一个browser.min.js 下载地址:https://blog-static.cnblogs.com/files/gxsyj/browser.min.js 2.script标签的type的值设...
  • vue兼容IE浏览器

    2019-05-22 15:07:44
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4、在config中的webpack.base.conf.js中修改module.exports中配置 entry:{  app:['babel-polyfill','./src/main.js'] // 修改前 app: '/src/...
  • 引入 babel-polyfill (可使用cnpm) npm install --save babel-polyfill 在 main.js里引入 import “babel-polyfill” ...在build下 webpack.base.conf.js 文件里,修改 ...在 webpack.config.js 中,将 babel-...
  • vue 兼容ie

    2019-12-23 13:09:40
    一、Pormise的问题,原来是Axios不能直接兼容IE9 先去项目里下载es6-promise npm install es6-promise 然后去main.js导入 import promise from 'es6-promise'; promise.polyfill(); 二、vue项目在IE下报 [vuex...
  • babel-polyfill 安装 npm install babel-polyfill --save 引入 在main.js按以下方式引入,在代码的最顶端引入 方式一 require(‘babel-polyfill’); 方式二 import ‘babel-polyfill’;...app: [‘...
  • Vue 兼容 ie9 的全面解决方案

    千次阅读 2018-06-26 10:59:00
    Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架vuejs本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。 Vue 的作者尤雨溪对于V.....
  • VUE兼容IE8以上,亲测有效 前段时间做了Vue的项目,最后发现不兼容IE,在IE下不显示页面,一片空白,没有内容,经过网上查找,终于找到解决办法! 废话不多说,直接上菜… 首先,在页面引用的js文件中引用"babel-...
  • vue兼容ie9及其以上

    千次阅读 2019-10-22 15:14:27
    首先,根据官网示例vue是不支持IE8及以下版本,所以此次项目也就只需要兼容ie9,在这期间花费了一些时间处理这个问题,这里在这里记录一下都有哪些问题 vue -2.5.2 element-ui -2.9.1 http请求 -axios( 0.19.0 ) 1....
  • vue兼容IE11浏览器

    2019-11-10 20:33:42
    尽管一些高级浏览器对用 babel 编译后的 Vue 2.0 项目支持得很好,但是 IE 浏览器却还是有所欠缺,本文介绍如何解决 IE11 的兼容性。 1、安装 babel-polyfill 插件 npm install babel-polyfill --save-dev 2、在...
  • vue 兼容IE解决方案, Babel .babelrc

    千次阅读 2019-03-27 14:07:21
    IE 页面空白 报错原因 Polyfill 是什么 解决方案 总结 回到目录 IE 页面空白 报错信息 此时页面一片空白 回到目录 报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ...
  • 2.使用本文方法解决IE兼容性问题后,仍然默认不支持IE8及以下的版本(vue在创建之时就排除了IE8及以下版本的支持性); 3.解决es6的语法支持性问题; 步骤: 一:支持IE9+ 1.1:安装babel-polyfill 命令:npm ...
  • 关于vue兼容IE11的问题解决

    千次阅读 2018-11-29 22:43:25
    IE一直以来坑就多,那么vuex不兼容IE11怎么办 IE11没有内置promise,所以用不了vuex很正常。为了兼容,首先要安装一个库。 安装好之后在main.js中引入 然后在build中配置一下入口entry即可 ...
  • vue 兼容ie9的 ui组件库

    2019-03-29 13:42:00
    支持vue2.x 2、AliTelecom UI 支持vue2.x,阿里通信技术团队打造 3、VueStrap 支持vue2.x,Bootstrap 组件 4、VEUI 支持vue2.x,百度EFE team开发 5、ANT 支持vue2.x 6.iView UI 转载于:...
  • vue兼容ie11打包

    2021-08-25 20:35:39
    导入后打包用ie11打开有可能就没问题了 像我这导入一个第三方包出现了兼容性问题点击那个js 这里出现的问题是这个包的问题,在vue.config.js中写上这句代码外加包的名称就不会出现第三方包的问题,如果目录没有vue...
  • SCRIPT1002: 语法错误 因为引入了这个 import url from ‘postcss-url’;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,130
精华内容 6,452
关键字:

vue兼容ie

vue 订阅