奥利给! loading效果这么搞真的太棒了

奥利给! loading效果这么搞真的太棒了

前言

大家好,我是麦洛,平时我们在开发中,前端请求后台接口时,​​loading​​效果是经常用到的。为了使用方便，我想将此功能封装成一个工具类，经过一番努力，成功实现了想要的效果。现在总结一下，希望帮到有需要的伙伴

解决方案

1.工具类

2.引入

在需要使用加载效果的页面引入方法

import { showFullScreenLoading, hideFullScreenLoading } from '@/utils/loading';

3.使用

handleCollect(modelId){ showFullScreenLoading(); requestTools.post(addApplyUrl, {modelId:modelId}).then(res => { if (res.data.code === 0) { this.$message.success('加入成功'); hideFullScreenLoading(); } }) }

效果图

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。