update

src/components/app-form-item/app-form-item.vue

@@ -10,7 +10,7 @@
                 <div :style="contentStyle">
                     <slot></slot>
                 </div>
-                <div class="prompt_text">{{error}}</div>
+                <div class="prompt_text">{{errorText}}</div>
             </template>
             <template v-if="labelPos == 'TOP'">
                 <ion-label
@@ -19,12 +19,12 @@
                     v-if="isShowCaption && labelWidth > 0"
                 ><span v-if="required" class="required">* </span>{{isEmptyCaption ? '' : caption}}</ion-label>
                 <slot></slot>
-                <div class="prompt_text">{{error}}</div>
+                <div class="prompt_text">{{errorText}}</div>
             </template>
             <template v-if="labelPos == 'RIGHT' ">
                 <slot></slot>
                 <ion-label :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0"><span v-if="required" class="required">* </span> {{isEmptyCaption ? '' : caption}}</ion-label>
-                <div class="prompt_text">{{error}}</div>
+                <div class="prompt_text">{{errorText}}</div>
             </template>
             <template v-if="labelPos == 'NONE'" >
                 <slot></slot>
@@ -67,6 +67,48 @@ export default class AppFormItem extends Vue {
      */
     @Prop() public error?: string;
 
+    /**
+     * 表单项值
+     *
+     * @type {string}
+     * @memberof AppFormItem
+     */
+    @Prop() public checkValue?: any;
+
+    /**
+     * 校验值规则
+     *
+     * @type {string}
+     * @memberof AppFormItem
+     */
+    @Watch('checkValue')
+    checkRule() {
+        let erro_text :any = "";
+        this.rules.forEach((item:any)=>{
+            if(item.hasOwnProperty('pattern') && item.trigger == 'change' && this.checkValue){
+                let pattern: any =  item.pattern;
+                if(!pattern.test(this.checkValue)){
+                    erro_text = item.message;
+                }
+            }
+            if(item.hasOwnProperty('required') && item.trigger == 'change'){
+                if(item.required && !this.checkValue){
+                    erro_text = item.message;
+                }
+            }
+        });
+        this.errorText = erro_text;
+    }
+
+    /**
+     * 错误信息
+     *
+     * @type {string}
+     * @memberof AppFormItem
+     */
+    public errorText = "";
+
+
     /**
      * label样式
      *
@@ -173,6 +215,7 @@ export default class AppFormItem extends Vue {
         }
     }
 
+
     /**
      * 计算样式
      *