0.0.4 • Published 3 years ago

ele-form-verify v0.0.4

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

统一的elementUI表单验证方式实现

Install

$ npm install --save ele-form-verify

Use

1、main.js引入并全局挂载到Vue.prototype

import ruleVerify from 'ele-form-verify'

Vue.prototype.ruleVerify = ruleVerify

2、部分使用场景如下,具体可参考相关配置项参数

<el-form-item label="业务类型" prop="bizType" :rules="ruleVerify({ isRequired:true, tipType:1, tigMethod:2, tipText:'业务类型' })">
  <el-select v-model="formData.bizType" placeholder="请选择业务类型" clearable style="width: 100%;">
    <el-option v-for="(item,inx) in busTypeList" :key="inx" :label="item.dictLabel" :value="item.dictValue"></el-option>
  </el-select>
</el-form-item>
<el-form-item label="银行流水号" prop="bankTradeNo" :rules="ruleVerify({ pattern:/^[0-9a-zA-Z]+$/,  tipText:'银行流水号' })">
  <el-input v-model.trim="formData.bankTradeNo" maxlength="20" clearable placeholder="请输入银行流水号" />
</el-form-item>
0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago