精华内容
下载资源
问答
  • vue 兼容IE8

    2021-12-17 14:40:26
    前端时间用vue做了一个提交申请单的功能,客户开始是说要兼容IEIE可以之后,又说要兼容到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项目兼容IE11

    千次阅读 2021-01-22 17:00:02
    使用的是vue-typescript-admin-template项目(vue-cli3脚手架搭建)进行改造的,但在IE11下面出现各种语法错误,下面将解决方法记录下来,供大家参考。 下面是错误截图: 语法错误: Promise 错误 polyfill ...

    使用的是vue-typescript-admin-template项目(vue-cli3脚手架搭建)进行改造的,但在IE11下面出现各种语法错误,下面将解决方法记录下来,供大家参考。

    下面是错误截图:

    语法错误:

    Promise 错误

    polyfill

    默认的Vue CLI项目会使用@vue/babel-preset-app,它通过@bable/preset-env和browserslist配置来决定项目需要的polyfill。

    默认情况下,它会把useBuiltIns: 'usage' 传递给@bable/preset-env,这样它会根据源代码中出现的语言特性自动检测需要的 polyfill。这确保了最终包里 polyfill 数量的最小化。然而,这也意味着如果其中一个依赖需要特殊的 polyfill,默认情况下 Babel 无法将其检测出来。

    直接照Vue CLi浏览器兼容性中上解决方法:

    第一步:在babel的相关配置文件(babel.config.js、.babelrc 或package.json 的babel字段任意一个)中, 增加

    "useBuiltIns": "entry"

    注:babel7版本以后,会有差异 (https://babeljs.io/docs/en/babel-polyfill/)

    下面我们配置.babelrc文件:

    {
        "presets": [
          [
            "@babel/preset-env",
            {
              "useBuiltIns": "entry"
            }
          ]
        ]
      }

    第二步: 安装'@babel/polyfill',并在入口文件main.js中引入

    npm install --save @babel/polyfill

    引入的话官网推荐使用:

    import "core-js/stable";
    import "regenerator-runtime/runtime";

    最后重新启动项目,应该可以解决IE11问题。

    如果还是不行可以在vue.config.js中配置transpileDependencies,默认情况下babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在 transpileDependencies 选项中列出来。

    如果项目中使用了CSS var(), IE11是不兼容的,我们可以使用css-vars-ponyfill

    npm install --save css-vars-ponyfill

    在main.js中引入即可:

    import cssVars from 'css-vars-ponyfill'
    cssVars({})

     

    参考资料:

    https://cli.vuejs.org/zh/guide/browser-compatibility.html#usebuiltins-usage

    https://zhuanlan.zhihu.com/p/103907934

     

    展开全文
  • vue-cli3.0兼容IE浏览器

    2021-02-26 13:43:03
    因为项目中一些功能用到了IE的ocx组件部分,必须在IE环境下运行,按正常vue支持来说,IE8+应该是支持的,可能ES6写法需要进行兼容,我的项目就是在IE中无法打开,空白,也报一些 未定义什么的错误。 为了解决这个...

    一、背景

    因为项目中一些功能用到了IE的ocx组件部分,必须在IE环境下运行,按正常vue支持来说,IE8+应该是支持的,可能ES6写法需要进行兼容,我的项目就是在IE中无法打开,空白,也报一些 未定义什么的错误。
    为了解决这个问题,开始查找尝试,我的环境是IE11.

    二、解决方法

    1、安装babel-polyfill,由于尝试好多次不成功 我的项目里面还安装了es6-promise,估计不安装也没什么问题,安装方法如下:

    npm install --save babel-polyfill
    npm install --save es6-promise //(可以不用安装)
    

    2、main文件中进行引入

    import 'babel-polyfill'
    import promise from 'es6-promise' //(这个也可以不用引入)
    promise.polyfill() //(这个也可以不用引入)
    

    3、babel.config.js文件配置useBuiltIns

    module.exports = {
      presets: [
        [
          '@vue/app',
          {
            useBuiltIns: 'entry'
          }
        ]
      ],
    };
    

    4、vue.config.js配置transpileDependencies,转译依赖
    配置完以上三个如果能兼容,就不用配置了,如果发现一些 未定义,或者缺少什么符号之类的,找到报错的文件位置对应的依赖名称,添加到transpileDependencies中即可。
    我的这个提示缺少‘)’。
    定位错误如下
    在这里插入图片描述
    在这里插入图片描述

    transpileDependencies: ["resize-detector"],
    

    完成以上步骤基本就可以实现兼容IE高版本了。
    **

    三、注意的问题点

    **
    1、测试环境是IE11.
    2、transpileDependencies增加了报错的包名,如果多个报错的包名,目前没测试,本项目中增加resize-detector包名以后,其他的错误全部消失,如果transpileDependencies:[]全部忽略的话会报错。
    3、在main.js中引入import 'babel-polyfill’时需注意真正的包名和路径,之前我一直用import 'babel/polyfill’结果一直报错,最后发现自己的包名是babel-polyfill。
    在这里插入图片描述

    展开全文
  • 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

    vue 配置兼容ie浏览器

    发布时间:2018-11-26 10:39:46作者:wangjian浏览量:843点赞量:0

    vue框架使用了ES6,然而ie浏览器不支持ES6语法,导致使用vue搭建的项目在ie浏览器上面无法运行,这里解决vue框架兼容ie(9+)浏览器问题

    1:安装babel-polyfill(解决ie不支持promise对象的问题)npm install --save-dev babel-polyfill

    2:使用babel-polyfill插件

    在main.js文件的第一行引入babel-polyfill(这里注意第一行引入)import "babel-polyfill"

    引入成功后,如果项目还不可以在ie浏览器上正常运行的话,可能是项目中安装了babel-preset-es2015和babel-preset-stage-*,在网上查到的资料大部分安装的是babel-preset-stage-2,然而我的项目安装的项目是babel-preset-stage-3,

    3:配置babel-preset-es2015和babel-preset-stage-*

    (1)在.babelrc里面进行配置{

    "presets": ["stage-3","es2015"],  #如果安装的是babel-preset-stage-2使用stage-2

    "plugins": ["transform-vue-jsx", "transform-runtime"]

    }

    (2):配置webpack.base.config.js

    在module里配置需要进行编译的文件夹(如下)module:{

    rules:[

    {

    test: /\.js$/,

    loader: 'babel-loader',

    include: [

    resolve('../src'), resolve('../config'),

    resolve('../libs'), resolve('../node_modules/iview')

    ],

    query: {

    presets: ['es2015']

    }

    },

    ]

    }

    重新运行项目,这时候发现报错

    Module build failed: ReferenceError: Unknown plugin "transform-vue-jsx"

    这是由于webpack无法解析vue-jsx的语法问题

    解决:

    安装依赖 [babel-plugin-transform-vue-jsx][1]npm install\

    babel-plugin-syntax-jsx\

    babel-plugin-transform-vue-jsx\

    babel-helper-vue-jsx-merge-props\

    --save-dev

    到此vue配置兼容ie(9+)浏览器问题完美解决

    0

    +1

    展开全文
  • vue项目兼容ie浏览器

    2021-05-07 14:43:01
    vue 只兼容ie8以上版本; IE 不兼容 axios的promiss对象; IE 不兼容es6语法; ES6转ES5 一、关于babel-polyfill 1、说明:This will emulate a full ES2015+ environment and is intended to be used in an ...
  • vue项目兼容IE浏览器

    2020-12-19 13:27:30
    需求: 项目(vue-cli3.0)后期要求兼容IE8以上版本浏览器,IE8及以下提示当前浏览器版本过低vue不支持IE8及以下的版本,同时如果是使用vue-cli构建的项目也不能在IE8以上的版本(ie9,ie10,ie11)中运行报错:Uncaught Error...
  • IE 页面空白报错信息此时页面一片空白报错原因Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法...
  • vue3.0 兼容ie浏览器

    2021-06-10 15:19:37
    vue3.0 兼容ie浏览器 安装babel/polyfill npm install --save @babel/polyfill 在main.js里面引入 (一定要在最上面,第一行) import '@babel/polyfill' 安装完成后会有babel.config.js文件,需手动定义...
  • vue项目如何兼容IE11?

    2020-12-20 21:21:12
    Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+,Vue 底层是支持。由于开发过程中,我们经常会使用一些第三方插件或组件,对于这些组件,有时我们需要做一些处理。下述...
  • 背景情况vue - 2.5.11vue-cli 使用模板...经过测试,Vue 的核心框架vuejs本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。Vue 的作者尤雨溪对于Vue 的学习建议中有提及为了将项目更好...
  • vue前端框架兼容ie

    2021-10-20 11:44:40
    npm install babel-polyfill es6-promise 1、main.js文件顶部 import 'babel-polyfill' import Es6Promise from 'es6-promise' Es6Promise.polyfill() ... // '@vue/cli-plugin-babel/preset' ["@vue/app", { "useB
  • download(record) { docUpload(record.docId).then((blob) => { if (window.navigator.... // IE navigator.msSaveBlob(blob, record.docFilename) } else { const ele = document.createElement('.
  • 前言:最近项目中 滚动条要支持自定义,支持 ie9,所以找到了这款插件 github地址:https://github.com/lx544690189/vue-gemini-scrollbar demo地址:...
  • H5判断 除IE外都可识别JS判断function isIE(){if (window.navigator.userAgent.indexOf("MSIE")>=1)return true;elsereturn false;}这个方法,edge浏览器中为false,ie11中为falsefunction isIE() { //ie?if (!!...
  • IE浏览器中打开会看到的报错: 1.ReferenceError: “Promise”未定义 原因:IE浏览器不支持ES6 解决办法: 安装:npm install es6-promise ...a) 找到项目的 main.js 文件,在引入importVuefrom'vue' 之前加入...
  • Vue-typescript项目兼容IE浏览器 Vue typescript项目如何兼容ie浏览器 一、添加依赖 :::warning 此处我用的是yarn包管理,npm也一致,使用npm命令即可 此处依赖为我使用的版本,其他版本没有测试,推荐与我...
  • vue IE兼容性问题汇总

    2021-03-07 07:25:56
    2、GET非首次请求时,IE默认使用缓存而不是去后台请求 解决方法: 在request拦截时,加时间戳 service.interceptors.request.use(config => { // Do something before request is sent // // 时间戳 if (config....
  • Vue项目兼容IE/360方法

    2021-06-18 12:23:05
    Vue在低版本的一些浏览器中是不兼容页面显示不出来的vue支持所有兼容ES5的浏览器,因IE8不支持ES5特性,故IE8及其以下浏览器均不支持vue如果浏览器版本高,但是你的Vue项目的页面在浏览器上却显示不出来,比如IE和...
  • Vue CLI3 bable兼容ie11ie10

    2021-05-26 11:14:39
    Vue CLI3 bable兼容ie11ie10 Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘ 1、安装依赖 cnpm i @babel/polyfill -S 2、入口文件 main.js 引入依赖 import '@babel/polyfill'; 3.修改 babel.config.js ...
  • Vue项目与IE11兼容

    2021-01-14 12:17:00
    Vue不支持IE8及以下版本,因为Vue使用了IE8无法仿真的ECMAScript 5功能. 但是对于IE9 +,仅支持Vue的底层.在开发过程中,我们经常使用一些第三方插件或组件. 对于这些组件,有时我们需要做一些处理. 下面主要说明...
  • vue项目兼容ie

    2020-12-19 13:27:26
    一、兼容ES6Vue 的核心框架 vuejs 本身,以及官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。但ie不兼容es6,所以需要安装插件将“Promise”等高级语法转换成ie可以识别的es5。报错:ReferenceError: ...
  • Vue 3 不再支持 IE 11!

    千次阅读 2021-04-06 20:51:41
    4 月 3 日,Vue 作者尤雨溪宣布:Vue 3 将不会支持 IE11。 总结 放弃Vue 3的IE11支持计划。 重点关注Vue 2.7的backport兼容特性。 尤神表示: 在漫长的开发过程中,也对IE11的兼容性进行了研究和实验,但由于...
  • 注意:htmlvue 只兼容ie8以上版本;IE 不兼容 axios的promiss对象;IE 不兼容es6语法;ES6转ES51、关于babel-polyfillvue一、说明:This will emulate a full ES2015+ environment and is intended to be used in an ...
  • Vueie内debug使用详解

    2021-04-27 04:33:32
    这次给大家带来Vueie内debug使用详解,Vueie内debug使用详解的注意事项有哪些,下面就是实战案例,一起来看一下。发现问题前几天写的一段Vue,在ie下一片空白,f12显示script1003: expected : 。于是就有了这篇...
  • vue.js支持ie8Vue . js支持ie8吗,Vue.js不支持ie8,因为[Vue.js]使用IE8无法模拟的ECMAScript 5特性,[vue.js]支持所有兼容ECMAScript 5的浏览器。[相关文章推荐:vue.js]Vue.js 不支持 IE8 及其以下版本,因为 ...
  • 其中最重要的自然是ie浏览器的兼容性问题了,于是便开始了网上查找兼容ie11旅程。网上的解决办法大都一致,便是让你安装babel-polyfill模块。使用babel-polyfill将vue项目中的es6语法的相关模块进行转译(转译成es5)...
  • vue.js支持ie8

    2021-04-30 02:03:20
    vue.js不支持ie8,因为【Vue.js】使用 IE8不能模拟的ECMAScript 5特性,【 Vue.js】支持所有兼容ECMAScript 5的浏览器。【相关文章推荐:vue.js】Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟...
  • 这篇文章主要为大家详细介绍了分析vue 兼容IE报错解决方案,具有一定的参考价值,可以用来参考一下。感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧!IE 页面空白报错信息【图片暂缺】【图片暂缺】此时...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,681
精华内容 21,872
关键字:

ie8vue

vue 订阅