Vue Element ui開發中碰到的IE問題

2021-08-18 23:41:24 字數 921 閱讀 3876

第一步:安裝babel-polyfill(已安裝請跳過此步驟)

yarn add babel-polyfill

修改webpack打包配置檔案:webpack.bash.conf.js

// 引入babel-polyfill

var babelpolyfill =

require

('babel-polyfill'

)// ...

// 修改entry欄位

entry:

,

重新執行,v-loading等問題完美解決, 原因可能是v-loading是呼叫的es6的object的setter和getter方法來實現的,babel-polyfill報錯,未能將es6的方法完全轉換為ie9支援的es5方法

分割js檔案,最好的方法是採用vue的路由懶載入,這樣打包時,vue-loader會把每個路由對應的js檔案打包在一起。同時注意元件的合理劃分,避免單元件體積過大,並提高元件的復用性

分割css檔案,通過yarn add css-split-webpack-plugin -d安裝css-split-webpack-plugin包來分割元件,修改webpack.prod.conf.js檔案

// 引入依賴

var csssplitwebpackplugin =

require

('css-split-webpack-plugin').

default

// 在css打包外掛程式後面新增css分割外掛程式

newextracttextplugin()

,// 新增的css分割外掛程式

newcsssplitwebpackplugin()

,

vue element ui開發技巧

1 vue下input文字框獲得游標 html el input size mini clearable v model.trim addoreditdata.gridcode ref inputgridcode el input js 在需要觸發獲取input游標方法加入下面js,如果需要再進入頁...

vue element ui 中關於清空表單的問題

初學vue element ui掉進了許多坑,下面是關於表單重置的問題處理方法 描述 例如乙個新增dialog 填入資料後儲存,關閉了dialog 然後再次新增又顯示上次新增的資料 這時就需要我們el dialog 新增 close繫結方法 如下 60 title dialogtitle visib...

vue ElementUI中的多選框中的不確定狀態

用indeterminate與checkall控制不確定狀態 checkbox有三種狀態全選 顯示的 選中部分 顯示的 全不選 啥都沒顯示 對於indeterminate和v model繫結的a和b的值 如果true true 或者 true false樣式為 如果false true樣式為 如果f...