spinner使用以及简单封装

最新推荐文章于 2023-06-14 08:15:00 发布

易01

最新推荐文章于 2023-06-14 08:15:00 发布

阅读量518

点赞数 1

分类专栏： Vue JavaScript

本文链接：https://blog.csdn.net/u012733501/article/details/108710242

版权

Vue 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

JavaScript

23 篇文章 0 订阅

订阅专栏

有些时候element-ui提供的loading，某些人觉得不好看。那么这个时候就要自定义一些loading。这里给几个推荐

文章目录

开源spinner
服务式调用封装
- 使用

开源spinner

epic-spinners

地址

效果

vue-spinner

地址

效果

服务式调用封装

import loading from './loading.vue'
import Vue from 'vue';
const LoadingConstructor = Vue.extend(loading)
LoadingConstructor.prototype.close = function() {
  if (this.$el && this.$el.parentNode) {
    this.$el.parentNode.removeChild(this.$el);
  }
  this.$destroy();
  this.loading = false;
}
const Loading = () => {
  const LoadingInstance = new LoadingConstructor();
  const loadingEl = LoadingInstance.$mount().$el;
  document.body.appendChild(loadingEl);
  Vue.nextTick(() => {
    LoadingInstance.loading = true;
  });
  return LoadingInstance;
}
export default Loading;