breeze-empty-check

最近版本变动较大暂停更新文档

介绍

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

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

安装教程

1. npm i breeze-empty-check

使用说明

1. main.js

   import emptyCheck from "breeze-empty-check"
   app.use(emptyCheck)

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

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

   小提醒:使用指令后没有效果往父级试试

   <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>