# breeze-empty-check

**Repository Path**: JW1098856043/breeze-empty-check

## Basic Information

- **Project Name**: breeze-empty-check
- **Description**: vue的校验辅助工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-05-25
- **Last Updated**: 2023-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# breeze-empty-check

#### <font color="red">最近版本变动较大暂停更新文档</font>

#### 介绍

vue的校验辅助工具,目前处于开发测试中,目前vant中的输入框和上传图片已经默认可以使用了

#### 简述:还在为校验写很多代码而痛苦吗?试试breeze-empty-check吧,或许能释放你的压力


#### 安装教程

1.  npm i breeze-empty-check

#### 使用说明

1. main.js
   ```javascript
   import emptyCheck from "breeze-empty-check"
   app.use(emptyCheck)
   ```

2. 我们以vue3来举例,并使用vant组件(默认你安装了vant)

   _<font color="orange" >注意哦:我只是拿vant举例,实际上是我只在vant和element上使用(常规更不用说),其他地方等我使用时我会响应更新文档</font>_

   <font color="yellowgreen">小提醒:使用指令后没有效果往父级试试</font>

   ```vue
   <script setup>
   	const checkArray = ref([])
       coonst money = ref(0)
       coonst remark = ref('')
       const checkConfirm = (result)=>{
         //result是一个按照校验顺序的数组,里面是对应位置的Boolean值
         //比如我有两个输入框那么数组第一个的判断就是money输入框是否为空
         if(result.some(item=>item == false)){
           alert('有空没填哦')
           return
         }
         confirmFn()//此处是通过校验需要执行的函数
       }
   </script>
   <template>
             <van-field
               v-model.number="money"
               type="number"
               required
               v-check:input="checkArray"
             >
             <van-field
               v-model.number="remark"
               type="number"
               required
               v-check:input="checkArray"
             >
            <div class="dialogbutton2" v-complete="[checkArray,checkConfirm]">
             <span>确定</span>
           </div>
   </template>
   ```