validLoading form校验

说明

1. 装饰器validLoading主要用于form表单必填校验判断,是基于form 表单 (opens new window)的validate方法,进行的二次封装。

图片示例

代码示例

<template>
      <el-form
        ref="formRef"
        :rules="rules"
        :model="currentForm"
        label-width="120px"
      >
            <el-form-item label="设备IP" prop="ipAddress">
              <el-input
                v-model="currentForm.ipAddress"
                placeholder="请输入设备IP"
              ></el-input>
            </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="close">取 消</el-button>
        <el-button type="primary" @click="save" :loading="uploadLoading"
          >提交</el-button
        >
      </div>
</template>
<script>
import { validLoading } from '@/decorator'
export default {
    data() {
        return {
            uploadLoading: false,
            currentForm: { ipAddress: '' },
            rules: { ipAddress: [{ required: true, message: '设备IP不能为空' }]},
            }
        },
  methods: {
    @validLoading('formRef', 'uploadLoading')
    save() {},
    close() {}
  }
}
</script>

参数说明

传参key

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

注意

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