位置: 编程技术 - 正文

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)

  • 关税完税价格是离岸价还是到岸价
  • 二手车交易税是谁交
  • 税收申报减免
  • 预收账款可以挂多久
  • 个人所得税减免 租房没有合同编号
  • 企业所得税资产总额怎么填写
  • 知道税额怎么算含税金额
  • 企业所得税纳税人包括哪些类型
  • 土地转让如何缴纳增值税
  • 长期股权投资成本法转权益法追溯调整
  • 纳税人选择简易办法一经选择
  • 企业个人补偿款需要缴税吗?
  • 金税四期进展
  • 外币业务汇兑损益根据业务划分为
  • 股东折价入股会计分录
  • 建筑企业无票支出如何处理
  • 705元大写金额怎么写的
  • 增值税多交了怎么申请退税
  • 帮别人公司过账100万,再转30回给他
  • 跨月发票作废怎么红冲
  • 支付装修款
  • win11压缩文件
  • w11系统防火墙
  • 未开票收入跨年开票
  • 所有者权益变动表图片
  • 实缴注册资本股权转让怎么交税
  • 最小的电脑是多少寸的
  • 拍到国际空间站过境
  • PHP:mcrypt_get_block_size()的用法_Mcrypt函数
  • php正则表达式匹配字符串
  • php中常量名命名规范
  • 残保金解决方案
  • apache无法访问自己的页面
  • rgb to hex
  • 对标是啥
  • 猿创征文,宝藏工具篇
  • linuxless命令查看文件
  • python操作csv
  • wordpress建立数据库错误
  • 外购存货的成本包括哪些内容
  • 文章让修改了就一定会接收吗?
  • "服务业"
  • 劳务发票进什么科目
  • 什么是企业汇算清缴年度
  • 差额征税的账务处理教学视频
  • 红冲凭证怎么做分录
  • 高新技术企业研发费用占比要求
  • 没有收到款项签认债有用吗
  • 公司转投资是什么意思
  • 公司两年未给员工申报个税违法吗
  • 电子设备按5年折旧可以吗?
  • sql server数据库使用
  • mysql动态sql语句赋值
  • windows如何创建桌面快捷方式
  • 传统与现代的结合英文
  • 电脑的技巧
  • linux命令合集
  • 怎么删除swapfile
  • macbook看视频卡顿
  • linux中使用fdisk命令进行硬盘分区
  • vs2013运行
  • 苹果mac系统怎么截屏快捷键
  • win8网络连接受限怎么处理
  • win8.2系统
  • Unity3D游戏开发pdf
  • dota2 服务器ip地址
  • vue路由跳转的钩子函数什么时候会用到
  • 基于python的推荐系统
  • linux搭建php运行环境
  • node中的事件循环
  • javascript数组的常用方法
  • Javascript Global对象
  • 安卓手机管家是什么
  • 图片旋转鼠标键盘怎么弄
  • 朵朵舞百科
  • js获取当前浏览器版本
  • android 5.1 WIFI图标上的感叹号及其解决办法
  • 珠宝消费税怎么征收
  • 企业所得税年报职工薪酬纳税调整明细表
  • 南通房屋登记系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设