单例模式

目录结构

  |-- src
  |--  |-- widgets
  |--  |--  |   |--loading.js

Loading

• 用法

    <script>
      import { ServiceLoading } from '@/src/widgets/loading'
  
      ServiceLoading.show()
      ServiceLoading.hide()
  
    </script>
  

• 实现 (opens new window)

    import Vue from 'vue'
    import { Loading } from 'element-ui'
  
    export class ServiceLoading {
      static instance = null
  
      static show (options) {
        this.instance = Loading.service(options)
      }
  
      static hide () {
        Vue.nextTick(() => {
          this.instance.close()
        })
      }
    }