位置: 编程技术 - 正文

vue2实现数据请求显示loading图(vue请求数据再赋值data)

编辑:rootadmin

推荐整理分享vue2实现数据请求显示loading图(vue请求数据再赋值data),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue数据请求axios,vue数据请求写在哪里,vue中的数据请求在哪个生命周期,vue3.0请求数据,vue数据请求axios,vue3.0请求数据,vue显示数据,vue数据请求axios,内容如对您有帮助,希望把文章链接给更多的朋友!

一般项目中,有时候会要求,你在数据请求的时候显示一张gif图片,然后数据加载完后,消失。这个,一般只需要在封装的axios中写入js事件即可。当然,我们首先需要在app.vue中,加入此图片。如下:

vue2实现数据请求显示loading图(vue请求数据再赋值data)

这里的fetchLoading是存在vuex里面的一个变量。在store/modules/common.js里需要如下定义:

loading组件如下:

最后在fetch/api.js里封装的axios里写入判断loading事件即可:如下

这样就实现了,项目中当加载数据的时候,显示gif图片,当数据加载出来时消失。

关于vue.js的学习教程,请大家点击专题vue.js组件学习教程、Vue.js前端组件学习教程进行学习。

标签: vue请求数据再赋值data

本文链接地址:https://www.jiuchutong.com/biancheng/378919.html 转载请保留说明!

上一篇:Vue2仿淘宝实现省市区三级联动(vue实现淘宝布局)

下一篇:浅谈vue中慎用style的scoped属性(vue stylus)

  • 单独确认进项税额的情形
  • 税负率的计算公式举例说明
  • 企业所得税和增值税重复收税了吗
  • 成本结算怎么处理?
  • 实际发放股票股利是什么意思
  • 小微企业城建税及附加减半
  • 交易性金融资产的账务处理
  • 广告发布需要什么手续
  • 计提跌价的存货卖出了
  • 债券投资收益怎样计算
  • 董事费监事费个税计算
  • 地产项目开发
  • 员工出差住宿费计入什么科目
  • 人力资源外包服务费计入什么科目
  • 财政拨款的事业单位有哪些
  • 固定资产报废变卖收入缴税账务处理
  • 往来款太大怎么处理
  • 广告制作需要交文化建设费吗
  • 收到违约金应缴增值税吗
  • 营改增后小规模纳税人税率是多少
  • 代扣代缴税种有几个
  • 公司购买办公用品300元,以现金支付,购入后即被领用
  • 顶账物品都有哪些
  • 飞机票开电子发票是电子行程单吗
  • 预付工程款如何计提坏账
  • 运行项目报错Couldn't import Django
  • 财务费用明细科目有哪些
  • win10蓝牙搜索不到ps4手柄
  • element ui+vue
  • 运费发票如何入账
  • 餐饮行业采购
  • php ssl
  • php 文件上传类型限制
  • Obsidian:实现日记记录【设计并使用模板】
  • 利用php判断是否为素数
  • Yii2 队列 shmilyzxt/yii2-queue 简单概述
  • 城建税减征50%
  • 土地出让金返还比例是多少
  • 基于Pytorch的风格转换
  • vue.js简介
  • JavaScript の querySelector 使用说明
  • 以下哪些企业需要填报
  • python__get__
  • phpcms2008
  • 存货的成本包括哪几项
  • sqlserver数据库性能情况
  • 公司有残疾人如何申报残保金
  • 新会计准则折旧年限
  • sql server 附加
  • 城镇土地使用税每年都要交吗
  • 应收账款收不回来
  • 其他应付款核算范围包括哪些
  • 应付职工薪酬的工资是实发工资还是应发工资
  • 开了假发票什么后果?
  • 采购商品验收入库的会计分录怎么写
  • 外购商品科目设置
  • 事业单位残疾人就业保障金减免
  • 销项税小于进项税怎么结转
  • 民营企业固定资产管理规定
  • mysql查找指定元素的位置
  • sqlyog语句
  • linux文件切片命令
  • windows域环境搭建
  • linux系统的
  • win10mobile最新版本
  • win10系统wifi信号断断续续
  • perl时间函数
  • js插件大全
  • 前端node跨域处理
  • jquery 动态加载js
  • shell字符串操作命令
  • nodejs深入浅出pdf百度云
  • unity ugu
  • unity5.x游戏开发指南
  • CameraViewControl 摄像机 绕 物体
  • javascript基础教学
  • js闭包的使用
  • Genymotion首次运行程序出现错误Installation error: INSTALL_FAILED_CPU_ABI_INCOMPATIBLE
  • android设计模式与最佳实践 pdf
  • 贵州泉源会计服务有限公司花溪店位置
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设