Vue浏览器兼容性问题ie9 ie10 edge

首先要说的是: Vue不支持IE8及以下版本，因为Vue.js使用IE8无法仿真的ECMAScript 5功能，例如Object.defineProperty（）此方法将报告错误，如下所示: <

1111.jpg

因此，使用vue尝试执行不需要与ie8及更低版本兼容的浏览器的项目. 当然，也许您还有其他方法可以与ie8兼容，这需要时间和精力？自己权衡一下. 下面我要谈论的是Vue与从ie9到edge的浏览器的兼容性问题.

情况1:

错误: ReferenceError: 未定义“承诺”. 原因是: Promise是es6的新语法，即ie9，某些低级高级浏览器不支持es6的新语法.

解决方案: npm install --save-dev babel-polyfill

正确安装babel-polyfill后，在main.js中引用: import“ babel-polyfill”;

案例2

这种情况是在按以下说明修改页面标题时出现错误

Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

IE浏览器提示找不到该属性. 在特定情况下，如果要修改页面标题，请使用其他人说的方法，如下所示

下载安装插件依赖 
 npm install vue-wechat-title --save  
在main.js中引入插件
 import VueWechatTitle from 'vue-wechat-title' 
 Vue.use(VueWechatTitle)

const router = new Router({
  routes: [{
      path: '/login',
      component: Login,
      meta: { title: '登录' }
    }, {
      path: '/register',
      component: Register,
      meta: { title: '注册' }
    }
  ]
})

在app.vue中修改router-view组件 

可以修改标题，并且ie中不会报告任何错误.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-301549-1.html