当前位置: 首页 > news >正文

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

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监听

http://www.lryc.cn/news/162522.html

相关文章:

  • 蓝桥杯官网练习题(翻硬币)
  • 企业架构LNMP学习笔记34
  • Python学习之六 循环结构
  • flutter 网络地址URL转file
  • 【JavaEE基础学习打卡07】JDBC之应用分层设计浅尝!
  • Helm Kubernetes Offline Deploy Rancher v2.7.5 Demo (helm 离线部署 rancher 实践)
  • 网络编程day6——基于C/S架构封装的线程池
  • ARM/X86工业级数据采集 (DAQ) 与控制产品解决方案
  • 【Java】Jxls--轻松生成 Excel
  • MySQL主从复制读写分离
  • Kafka3.0.0版本——消费者(手动提交offset)
  • 【AIGC专题】Stable Diffusion 从入门到企业级实战0403
  • linux提权
  • Excel VSTO开发7 -可视化界面开发
  • 英文科技论文写作与发表-投稿到发表(第6章)
  • 2.4.3 【MySQL】设置系统变量
  • 【Redis】2、Redis持久化和性能管理
  • MIT6.S081实验环境搭建
  • spring spring-boot spring-cloud spring-cloud-alibaba之间版本对应关系
  • Docker技术入门 | Part01:Docker简介
  • Apache实现weblogic集群配置
  • Java面试题总结2023
  • 采用ROUANT 方法对 nex-gddp-cmip6 数据进行精度校正
  • 超级电容-电池-超级电容混合储能系统能量管理simulink仿真建模模型
  • 最新仿闲鱼链接+独立后台管理 跳转APP
  • DoIP协议——汽车以太网应用介绍
  • 标准C++day1——名字空间和堆内存管理
  • 草图大师SketchUp Pro 2023 for Mac
  • doris docker环境编译部署
  • java封装国密SM4为 jar包,PHP调用