ie11兼容问题

709 阅读1分钟

vue + elementui

一 页面空白无法加载,报语法错误

1 引入babel-polyfill

npm install babel-polyfill

2 在main.js中首行引入

import 'babel-polyfill'

3 引入babel-polyfill后再ie11中仍然报错,找到报错的语句,可能是引入了第三方插件,未经过语法转化,如使用element-ui内部方法时,不能直接引用源码,需要引入lib中编译后的文件,

import Emitter from 'element-ui/lib/mixins/emitter'
import { valueEquals } from 'element-ui/lib/utils/util'

css

一 多行省略不兼容

其他浏览器

.text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

ie浏览器

   .text {
       height: 3em;
       line-height: 1.5em;
       overflow: hidden;
   }