loading-button

懒人专用，小写一个 loading 效果，传入 promise 就会在 promise pending 期间产生 loading 的效果，resolve 或者 rejected 后结束。

基本使用

COPY

999

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<template>
    <loading-button :click="click">click me</loading-button>
</template>

<script>
export default {
    methods: {
        click() {
            return new Promise((resolve) => setTimeout(() => {
                console.log('do something')    
                resolve()
            }, 2000))
        }
    }
}
</script>

显示代码

props

Name	Description	Type	Required	Default
click	点击的 function, 如果为 promise 有 loading 效果	Function	false	() => {}

slots

Name	Description	Default Slot Content
default	-	-