做一个最简单的Vue Loading加载

本人入行前端半年之久，水平有限，还好同事热爱分享技术，让我少走了很多弯路（在此非常感谢！）更新时间：2017-12-20 用的：vue-resource（axios没用过......T_T）先放个效果图吧。。O(∩_∩)O哈哈~首先：App.vue 写一个loading动画App.vue添加样式。后面C3的代码大家不用写...

czboy_

14365人浏览 · 2017-12-20 17:47:00

czboy_ · 2017-12-20 17:47:00 发布

本人入行前端半年之久，水平有限，还好同事热爱分享技术，让我少走了很多弯路（在此非常感谢！）

更新时间：2017-12-20

用的：vue-resource（axios没用过......T_T）

先放个效果图吧。。O(∩_∩)O哈哈~

首先：App.vue 写一个loading动画

App.vue

添加样式。后面C3的代码大家不用写

App.vue样式

Vuex代码：message不用写，写箭头处就行

Vuex

main.js 写了一个拦截器

main.js

转载请注明出处！谢谢！虽然不是什么大牛，但希望尊重劳动成果！^_^,最后，希望能帮助到更多的前端爱好者。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^