vue+element-ui项目表单中输入身份证号码，自动返回性别和年龄

我写出来的效果（禁用了性别的单选按钮和年龄的输入框）

html部分

<el-form-item label="身份证号" prop="idCard">
<el-input v-model="ruleForm.idCard" placeholder="请输入身份证号" @blur="getName(ruleForm.idCard)"></el-input>
</el-form-item>

<el-form-item label="性别" prop="sex">
<el-radio-group v-model="ruleForm.sex" disabled="disabled">
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
</el-radio-group>
</el-form-item>

<el-form-item label="年龄" prop="age">
<el-input v-model="ruleForm.age" placeholder="年龄" disabled="disabled"></el-input>
</el-form-item>

逻辑部分（methods里边）

getName(iden){
let val = iden.length;
let sex = null;
let myDate = new Date();
let month = myDate.getMonth() + 1;
let day = myDate.getDate();
let age = 0;

if(val===18){
age = myDate.getFullYear() - iden.substring(6, 10) - 1;
sex = iden.substring(16,17);
if (iden.substring(10, 12) < month || iden.substring(10, 12) == month && iden.substring(12, 14) <= day) age++;

}
if(val===15){
age = myDate.getFullYear() - iden.substring(6, 8) - 1901;
sex = iden.substring(13,14);
if (iden.substring(8, 10) < month || iden.substring(8, 10) == month && iden.substring(10, 12) <= day) age++;
}

if(sex%2 === 0)
sex = 1
else
sex = 0
this.ruleForm.sex = sex;
this.ruleForm.age = age;

this.getDataInfo();
},

需要的同胞，直接拷过改改吧，都不容易