# yuOcr 依赖原生的ocr输入框

<template>
  <div style="height: 100%;">
    <yu-ocr label="身份证号码" :idType="'2'" required placeholder="请录入证件号码" v-model="ocrResult1" name="cert"  :disabled="false" @change="changeFn1"></yu-ocr>
    <yu-ocr label="银行卡账号" :idType="'4'" required placeholder="请录入银行卡号码" v-model="ocrResult2" name="cert"  :disabled="false" @change="changeFn2"></yu-ocr>
  </div>
</template>

<script>
import yuOcr from '@/components/yu-ocr/index.vue'
export default {
  components: {
    yuOcr
  },
  data() {
    return {
      ocrResult1: '',
      ocrResult2: ''
    };
  },
  methods: {
    changeFn1(val) {
      console.log(' ======== >>>>', this.ocrResult1)
    },
    changeFn2(val) {
      console.log(' ======== >>>>', this.ocrResult2)
    }
  }
};
</script>