帮我写一个表单 用户输入身份证号 监听用户输入的值 展示出身份证号对应人的性别与出生日期 使用vue2 与 JavaScript编写
时间: 2024-05-20 17:16:38 浏览: 50
<template>
<div>
<label for="idNumber">身份证号:</label>
<input type="text" id="idNumber" v-model="idNumber" @input="handleInput" />
<p>性别: {{ gender }}</p>
<p>出生日期: {{ birthday }}</p>
</div>
</template>
<script>
export default {
data() {
return {
idNumber: '',
gender: '',
birthday: ''
};
},
methods: {
handleInput() {
if (this.idNumber.length === 18) {
const year = this.idNumber.slice(6, 10);
const month = this.idNumber.slice(10, 12);
const day = this.idNumber.slice(12, 14);
const sex = this.idNumber.slice(16, 17);
this.gender = Number(sex) % 2 === 0 ? '女' : '男';
this.birthday = `${year}-${month}-${day}`;
} else {
this.gender = '';
this.birthday = '';
}
}
}
};
</script>