验证在vuejs中有问题的电子邮件地址？

// 在Vue组件中定义一个data属性来存储电子邮件地址
data() {
  return {
    email: ''
  };
},
methods: {
  validateEmail() {
    // 定义一个正则表达式来验证电子邮件地址的格式
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    
    // 使用test()方法来检查电子邮件地址是否符合正则表达式
    if (emailRegex.test(this.email)) {
      console.log('电子邮件地址格式正确');
    } else {
      console.log('电子邮件地址格式错误');
    }
  }
}

<template>
  <div>
    <input type="text" v-model="email" placeholder="请输入电子邮件地址">
    <button @click="validateEmail">验证</button>
  </div>
</template>