國(guó)內(nèi)常用的ie瀏覽器對(duì)Vue和iView的兼容性一直是個(gè)問題。ie瀏覽器無法像其他現(xiàn)代瀏覽器那樣自動(dòng)兼容ES6的語法,而Vue和iView都是使用ES6的語法編寫的。所以要在ie中使用Vue和iView就需要進(jìn)行額外的配置。
首先是Vue的兼容性問題。Vue需要使用polyfill對(duì)ES6的語法進(jìn)行轉(zhuǎn)義,以兼容ie瀏覽器。polyfill可以使用core-js和babel-runtime-corejs2等庫來實(shí)現(xiàn),只需要在main.js中引入即可。
import 'core-js/stable'; import 'regenerator-runtime/runtime';
接下來是iView的兼容性問題。iView自身并不對(duì)ie瀏覽器進(jìn)行兼容,所以要使用iView就需要進(jìn)行一定的配置。iView提供了一個(gè)babel-plugin-import插件,可以按需引入組件,減小打包體積,同時(shí)也可以解決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組件時(shí),就可以按需引入,而不是全部引入。
import { Modal } from 'iview';
以上就是Vue、iView和ie瀏覽器兼容性的解決方法,希望對(duì)大家有幫助。