vue监听表单输入的身份证号自动填充性别和生日

最新推荐文章于 2023-12-27 16:53:22 发布

哥很冷漠

最新推荐文章于 2023-12-27 16:53:22 发布

阅读量331

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_63608386/article/details/128490975

版权

1，先给表单绑定一个v-model值

<el-input type="number" v-model="form.idCard" placeholder="请输入证件号码" />

2，使用watch监听输入的值

  watch(form, (newName, oldName) => {
    var numid = newName.idCard.split('');
    if (numid.length == 18) {
      var sex = newName.idCard.substring(16, 17);
      form.sex = sex % 2 == 1 ? '男' : '女';
      var bir = newName.idCard.substr(6, 8);
      form.birthday = bir.replace(/(.{4})(.{2})/, '$1-$2-');
    } else {
      form.sex = '';
      form.birthday = '';
    }
  });

watch有两个参数值，一个为新值，一个为旧值

详情可见:vue中的watch监听