vue国际区号手机号校验

Vue国际区号手机号校验可以通过自定义方法来实现。首先需要引入一个用于校验手机号的正则表达式，在Vue的`data`中定义一个变量来存储用户输入的手机号码。然后在模板中使用`<input>`标签来接收用户输入，并绑定一个`v-model`指令将用户输入的值与定义的变量进行绑定。接下来，在`methods`中定义一个方法来进行手机号校验，使用正则表达式对手机号进行匹配判断。最后，在`<input>`标签中加入一个`v-on:blur`指令，将定义的校验方法与该指令进行绑定，当用户输入框失去焦点时自动触发校验方法。

例子如下：

<template>
  <div>
    <input v-model="phoneNumber" v-on:blur="validatePhoneNumber" placeholder="请输入手机号">
    <button @click="validatePhoneNumber">校验手机号</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phoneNumber: ''
    }
  },
  methods: {
    validatePhoneNumber() {
      let reg = /^\+(\d{1,3})?[ -]?\d{3,15}$/;
      if (reg.test(this.phoneNumber)) {
        console.log('手机号格式正确');
      } else {
        console.log('手机号格式有误');
      }
    }
  }
}
</script>

以上代码使用一个正则表达式来校验手机号的格式，首先判断用户输入的手机号是否符合正则表达式的规则，如果符合，则打印"手机号格式正确"，如果不符合则打印"手机号格式有误"。用户可以在输入框中输入手机号，并通过点击按钮或失去焦点时触发校验方法。