vant全局loading封装

// src/utils/globalLoading.ts
import { Toast } from 'vant'
interface Loading {
 message?: string,
 forbidClick?: boolean
}

export default class globalLoading<Loading> {
 message: string,
 forbidClick: boolean
 constructor(message: string="加载中", forbidClick: boolean = true) {
   this.message = message
   this.forbidClick = forbidClick
   Toast.setDefaultOptions({ duration: 3000 })
 }
 open() {
  Toast.loading({
    message: this.message,
    forbidClick: this.forbidClick
 })
 }
 close() {
  Toast.clear()
 }
}

// 声明变量
// typings.d.ts

declare interface Window {
  $loading: any
}

// 引用-main.js
import globalLoading from '@/utils/globalLoading'
window.$loading = new globalLoading()

// 使用
window.$loading.open()
window.$loading.close()