vue3+Ts+Element-plus中局部loading的hooks

@会飞的猫QAQ

已于 2022-03-31 15:38:25 修改

阅读量2k

点赞数 1

文章标签： vue.js 前端 elementui

于 2022-03-28 12:01:48 首次发布

本文链接：https://blog.csdn.net/WebCaiNiao_Lcn/article/details/123791888

版权

1.方法useMessage为封装的Element-plus中的message

import {ref,reactive,toRefs,onMounted} from 'vue'
import { useMessage } from './tools'

export function useLoading (value:boolean):any {//多个loading方法
    const state = reactive<boolean []>([])
    const index = 0
    state[index] = state[index] || value
    
    const loadingMessage = (newState:boolean,type?:string,message?:string):boolean => {
        if(type&&message){
            useMessage(type,message)
            return state[index] = newState
        }else{
            return state[index] = newState
        }
        
    }
    return [...toRefs(state),loadingMessage]
}