這樣的需求，在主要功能完成後，需要進行互動效果的完善，需要給請求api的時候新增乙個載入中的乙個彈出框。但是每個頁面每個頁面過的話，會很費時間和精力，這裡我們可以採用element-ui中的服務式彈出框設定
如下：封裝的api.js檔案：
import axios from 'axios'import from 'element-ui'import router from '../router' //請求攔截
axios.interceptors.request.use(config=>);return
config;
}, err=>);
return
promise.resolve(err);
})//
響應攔截
axios.interceptors.response.use(res=>
else
if (res.data.code == 401)
return
promise.reject(res);
}, err=>);
} else
if (err.response.status == 403)
else
); }
return
promise.reject(err);})
let base = '';
export const postrequest = (url, params) =>$`,
data: params,
transformrequest: [
function
(data)
loadinginstance.close();
return
ret }],
headers: );
}export const getrequest = (url,data='') =>$`
});}
VUE實戰之引入ElementUI
本文在完成初始化的vue專案中引入elementui，vue專案的搭建過程請在目錄中跳轉相應頁面。npm i element ui s如圖所示，則說明安裝成功 安裝ui後需要引入，引入的方式多種多樣，下面介紹一種常用的引入方式。在main.js中加入下面三行 引入element元素 import e...
Vue 之 Element ui 按需匯入
在使用 vue 開發專案中，我們一般會選擇 elment ui 因為這個庫是基於 vue 並且有很多現成的元件供我們使用。我們可以根據官方文件直接在 main.js 中引入，但是這樣在最後專案開發完成後打包體積過大，建議是按需匯入，因為有些元件我們是用不到的。yarn add babel plugi...
理解vue之element ui中的
在el table中，data tabledata 是資料集 table按照tabledata這個陣列的長度來生成多少行，按照有多少個el table column來生成多少列。label 日期 width 180 scope el icon time i margin left 10px span...