loading

说明

1. 装饰器loading主要用于设置加载状态，侦测所装饰的函数内部的异步操作，在异步操作开始时将loading置为true，在异步操作结束后将loading置为false

图片示例

代码示例

<template>
  <suit-button type="primary" @click="saveFun" :loading="btnLoading">
    解锁
  </suit-button>
</template>

<script>
  import { loading } from '@/decorator'
  export default {
    data() {
      return {
        btnLoading: true
      }
    },
    methods: {
      @loading('btnLoading')
      saveFun() {
        return api({})
      }
    }
  }
</script>

参数说明

传参key

key	描述	类型	默认值
———	异步操作修改的状态的字段	———	———

注意

1. 该装饰器下的方法需要返回Promise类型
2. 使用该装饰器时，需要加符号@