vue项目兼容IE，饿了么table无限滚动

最近写了挺久的一个vue 项目说要兼容IE。放在IE上面显示一片空白，翻看了一下网上的资料。

vue官网是这么说的。

于是，咱们考虑IE9及其以上的兼容。

ie9 不兼容一些CSS属性。如flex，::before,::after。样式中如果想兼容IE9尽量不要使用这些属性。

兼容IE10，10+。安装babel-polyfill垫片

npm install --save babel-polyfill

import 'babel-polyfill’  //main.js里头引用。


entry:{       //vue.config.js

    app:['babel-polyfill','./src/main.js']      

}

至此，项目可以在IE项目里头显示了。

然后发现样式方面有问题，饿了么的表格会无限项右滚动。检测不到宽度100%；

将饿了么的宽度添加

   <div :style="{width:screenWidth+'px'}">
              <router-view/>
   </div>


data(){ 
  return { screenWidth: undefined}
}

mounted(){
  this.screenWidth = document.documentElement.clientWidth;//获取屏幕宽度赋予给他。
}
          

至此，饿了么table不再无限滚动。