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();
        },

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