vue单页面的数据请求添加loading效果

最新推荐文章于 2024-07-17 14:59:20 发布

rainbow8300

最新推荐文章于 2024-07-17 14:59:20 发布

阅读量8.2k

点赞数

分类专栏： vue 文章标签： vue请求loading vue添加loading vue数据请求 vue+loading

本文链接：https://blog.csdn.net/rainbow8300/article/details/88975797

版权

该博客介绍了如何在Vue单页面应用中实现数据请求时的loading效果。通过在app.vue引入loading组件，并结合store.js和request.js进行配置，利用axios的拦截器功能，无论请求在何处发起，都能统一管理加载状态。

摘要由CSDN通过智能技术生成

1、在app.vue,先引入你的loading组件

app.vue

<template>
  <div id="app">
    <router-view/>
    <div class="load_cover" v-if="showLoading">
      <!-- <van-loading /> -->
      <van-loading color="red"/>
      <!-- <van-loading type="spinner" /> -->
      <!-- <van-loading type="spinner" color="white" /> -->
    </div>
  </div>
</template>

<script>
// 引入vuex的辅助方法
import