vue固定电话号码的正则校验

以下是Vue中固定电话号码的正则校验方法：

// 定义正则表达式
const telReg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;

// 在Vue组件中使用
<template>
  <div>
    <input v-model="tel" />
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
 setup() {
    // 定义ref
    const tel = ref('');

    // 定义submitForm方法
    const submitForm = () => {
      if (!telReg.test(tel.value)) {
        console.log('电话号码格式不正确');
        return false;
      }
      console.log('提交成功');
    };

    // 返回数据和方法
    return {
      tel,
      submitForm,
    };
  },
};
</script>