vue中input框输入四位自动产生一个空格

最新推荐文章于 2026-05-30 13:09:56 发布

转载最新推荐文章于 2026-05-30 13:09:56 发布 · 1.7k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/xinyouhunran/p/11024642.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用Vue.js实现的身份证号输入方法，并通过正则表达式进行实时监控和格式化显示。此方法利用了$&特殊符号来实现对输入内容的匹配和替换。

<input placeholder="填写身份证号" v-model="id_card"/>

watch: {
  ['id_card'](val) {
    this.$nextTick(() => {
      this.id_card = val.replace(/\s/g,'').replace(/....(?!$)/g,'$& ');
    });
  }
}
这里用到了$&；这是Perl内置常量之一。
$& 是刚好匹配到的字符串 （之中）
$` 是匹配到字符串其余左边的内容（之前） 
$' 是匹配到字符串其余右边的内容（之后）

转载于:https://www.cnblogs.com/xinyouhunran/p/11024642.html

标签