vue实现身份证正则校验

可以使用正则表达式来实现身份证号码的校验，以下是一个基于 Vue 的实现示例：

<template>
  <div>
    <input v-model="idCard" placeholder="请输入身份证号码">
    <button @click="checkIdCard">校验</button>
    <p v-if="result">{{ result }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      idCard: '',
      result: ''
    }
  },
  methods: {
    checkIdCard() {
      const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
      if (reg.test(this.idCard)) {
        this.result = '身份证号码格式正确'
      } else {
        this.result = '身份证号码格式错误'
      }
    }
  }
}
</script>

在上面的代码中，我们使用了正则表达式 `/ (^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/` 来校验身份证号码的格式是否正确。如果输入的身份证号码符合正则表达式的规则，则显示“身份证号码格式正确”，否则显示“身份证号码格式错误”。