國內常用的ie瀏覽器對Vue和iView的兼容性一直是個問題。ie瀏覽器無法像其他現代瀏覽器那樣自動兼容ES6的語法,而Vue和iView都是使用ES6的語法編寫的。所以要在ie中使用Vue和iView就需要進行額外的配置。
首先是Vue的兼容性問題。Vue需要使用polyfill對ES6的語法進行轉義,以兼容ie瀏覽器。polyfill可以使用core-js和babel-runtime-corejs2等庫來實現,只需要在main.js中引入即可。
import 'core-js/stable'; import 'regenerator-runtime/runtime';
接下來是iView的兼容性問題。iView自身并不對ie瀏覽器進行兼容,所以要使用iView就需要進行一定的配置。iView提供了一個babel-plugin-import插件,可以按需引入組件,減小打包體積,同時也可以解決ie兼容性問題。
npm install babel-plugin-import --save-dev
在babel.config.js中添加babel-plugin-import的配置。
module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'iview', libraryDirectory: 'src/components' }] ] };
這樣做之后,在組件中引入iView組件時,就可以按需引入,而不是全部引入。
import { Modal } from 'iview';
以上就是Vue、iView和ie瀏覽器兼容性的解決方法,希望對大家有幫助。