鍍金池/ 問答/動漫  HTML/ vue如何在axios獲取數(shù)據(jù)前顯示加載動畫，獲取后去掉動畫？

vue如何在axios獲取數(shù)據(jù)前顯示加載動畫，獲取后去掉動畫？

用mint-ui和axios做的vue項(xiàng)目，有好幾個(gè)頁面都有列表，需要在獲取到數(shù)據(jù)前前顯示加載動畫，我想的是判斷數(shù)據(jù)的length確定是否顯示動畫，但是頁面有很多個(gè)，有沒有什么比較好的做法？

回答
編輯回答
孤影

axios 的攔截器可以試一下

//添加請求攔截器
axios.interceptors.request.use(config => {
  //在發(fā)送請求之前做某事，比如說 設(shè)置loading動畫顯示
  return config
}, error => {
  //請求錯(cuò)誤時(shí)做些事
  return Promise.reject(error)
})

//添加響應(yīng)攔截器
axios.interceptors.response.use(response => {
  //對響應(yīng)數(shù)據(jù)做些事，比如說把loading動畫關(guān)掉
  return response
}, error => {
  //請求錯(cuò)誤時(shí)做些事
  return Promise.reject(error)
})
2017年1月8日 17:33