过问页面加载数据慢慢杀青loading辅导

比如过问一个页面数据加载慢慢的页面后，恭候后端复返数据表露在页面时给个loading的情势

像底下这么：

代码杀青如下：

参数列表阐明如下（闪耀不错不雅看elementUI官网） 参数阐明类型默许值targetLoading 需要隐蔽的 DOM 节点。可传入一个 DOM 对象或字符串；若传入字符串，则会将其当作参数传入 document.querySelector以得到到对应 DOM 节点object/stringdocument.bodybody同 v-loading 指示中的 body 修饰符booleanfalsefullscreen同 v-loading 指示中的 fullscreen 修饰符booleantruelock同 v-loading 指示中的 lock 修饰符booleanfalsetext表露在加载图标下方的加载案牍string—spinner自界说加载图标类名string—background自界说加载图标类名string—customClass自界说加载图标类名string— vue中加载loading问题

最初在components文献夹中新建一个loading.vue组件：

1.loading.vue组件骨子如下

css代码：

2.app.vue中建立 3.在main.js中建立   4.在.vue组件中使用

戒指如下：

以上为个东谈主劝诫，但愿能给公共一个参考，也但愿公共多多扶助剧本之家。

您可能感趣味趣味的著作:vue前端页面数据加载添加loading戒指的杀青vue 全局封装loading加载教程(全局监听)vue 花式中使用Loading组件的示例代码vue杀青图片加载完成前的loading组件顺序