VUE实现华视身份证阅读器读取身份证信息(本文分两种情况，第一中是点击按钮读取信息，一种是自动读取信息)

本文是用了vue+element来实现华视身份证读卡器读取身份信息的，当然在开发之前要做好前提准备，就是厂家提供对应设备的api和安装对应的驱动。本文通过两种方法来实现读取信息，第一种是点击按钮读取信息，第二种是卡片放上去会自动读取信息。

1. 点击按钮读取信息：

<template>
	<div>
		<el-button type="success" @click="readIDCard">读取身份证</el-button>
		<el-dialog title="读取身份证信息" :visible.sync="showDialog" width="500px" append-to-body :before-close="closeDialog">
			<el-form :model="IDCardForm" ref="IDCardForm" :rules="rules" label-width="150px">
				<el-form-item label="姓名:" prop="name">
					<el-input v-model="IDCardForm.name" placeholder="请输入姓名"></el-input>
				</el-form-item>
				<el-form-item label="证件号码:" prop="idCardNumber">
					<el-input v-model="IDCardForm.idCardNumber" placeholder="请输入证件号码"></el-input>
				</el-form-item>
				<el-form-item label="性别:" prop="sex">
					<el-input v-model="IDCardForm.sex" placeholder="请输入性别"></el-input>
				</el-form-item>
				<el-form-item label="身份证照片：" prop="sfzImage">
					<img v-if="IDCardForm.sfzImage==null" src="https://blog.csdn.net/dist/img/img.146655c9.jpg" height="100px" width="100px" />
					<img v-else :src="https://blog.csdn.net/IDCardForm.sfzImage" height="100px" width="100px" />
				</el-form-item>
				<el-form-item label="民族:" prop="nation">
					<el-input v-model="IDCardForm.nation" placeholder="请输入民族"></el-input>
				</el-form-item>
				<el-form-item label="出生日期:" prop="birthday">
					<el-input v-model="IDCardForm.birthday" placeholder="请输入出生日期"></el-input>
				</el-form-item>
				<el-form-item label="身份证有效起日期:" prop="sfzyxqrq">
					<el-input v-model="IDCardForm.sfzyxqrq" placeholder="请输入身份证有效起日期"></el-input>
				</el-form-item>
				<el-form-item label="身份证有效起日期:" prop="sfzyxzrq">
					<el-input v-model="IDCardForm.sfzyxzrq" placeholder="请输入身份证有效起日期"></el-input>
				</el-form-item>
				<!--检测是否装有插件-->
				<object id="CertCtl" ref="CertCtl" type="application/cert-reader" width="0" height="0">
					<p style="color:#FF0000;">控件未安装或不可用，请检查安装后在使用！</p>
				</object>
			</el-form>
			<el-row :gutter="20" class="mb8">
				<el-col :span="8">
					<el-button type="success" icon="el-icon-plus" size="mini" @click="c