2023年6月21日发(作者:)
Vue2.0解决IE浏览器的兼容性尽管⼀些⾼级浏览器对⽤ babel 编译后的 Vue 2.0 项⽬⽀持得很好,但是 IE 浏览器却还是有所⽋缺,本⽂介绍如何解决 IE11 的兼容性(低版本的IE就忽略吧)。1. 让IE11⽀持Vue2.0的语法npm 安装
babel-polyfillnpm install --save-dev babel-polyfill
在
⽂件中修改 entry,添加 babel-polyfill :// 修改前s = { context: e(__dirname, '../'), entry: { app: './src/', } ...// 修改后s = { context: e(__dirname, '../'), entry: { app: ["babel-polyfill", "./src/"], } ...然后在
⼊⼝⽂件第⼀⾏引⼊ babel-polyfill:import "babel-polyfill"2. 让IE11⽀持Vue-router跳转功能在IE11上⽆法⽤router-link跳转,主要是当url的hash change的时候浏览器没有做出响应。下⾯的代码⾥⾯做了⼀个兼容,直接添加在
⼊⼝⽂件的最后即可!if ( '-ms-scroll-limit' in &&
'-ms-ime-align' in ) { // detect it's IE11 ntListener("hashchange", function(event) { var currentPath = (1); if ( !== currentPath) { (currentPath) } }, false)}
2023年6月21日发(作者:)
Vue2.0解决IE浏览器的兼容性尽管⼀些⾼级浏览器对⽤ babel 编译后的 Vue 2.0 项⽬⽀持得很好,但是 IE 浏览器却还是有所⽋缺,本⽂介绍如何解决 IE11 的兼容性(低版本的IE就忽略吧)。1. 让IE11⽀持Vue2.0的语法npm 安装
babel-polyfillnpm install --save-dev babel-polyfill
在
⽂件中修改 entry,添加 babel-polyfill :// 修改前s = { context: e(__dirname, '../'), entry: { app: './src/', } ...// 修改后s = { context: e(__dirname, '../'), entry: { app: ["babel-polyfill", "./src/"], } ...然后在
⼊⼝⽂件第⼀⾏引⼊ babel-polyfill:import "babel-polyfill"2. 让IE11⽀持Vue-router跳转功能在IE11上⽆法⽤router-link跳转,主要是当url的hash change的时候浏览器没有做出响应。下⾯的代码⾥⾯做了⼀个兼容,直接添加在
⼊⼝⽂件的最后即可!if ( '-ms-scroll-limit' in &&
'-ms-ime-align' in ) { // detect it's IE11 ntListener("hashchange", function(event) { var currentPath = (1); if ( !== currentPath) { (currentPath) } }, false)}
发布评论