当我们输入很长的电子邮件时，Vuetify电子邮件规则会挂起网页？

Question

我正在使用 VuetifyJs VueJS的表单组件，我正在尝试在输入时向电子邮件添加验证。

但是，当我们键入很长的电子邮件时，它会使网页无响应，并冻结电子邮件字段。我可以理解，很长的电子邮件是无效的，应避免使用，但是这样就不应使页面挂起。

我正在使用表单组件页面上提供的以下电子邮件规则：

emailRules: [
  v => !!v || 'E-mail is required',
  v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E- 
  mail must be valid'
]

您可以在下面的CodePen URL上重现该问题。请不要复制粘贴电子邮件。仅当您手动键入问题时，您才能重现该问题。

CodePen Url： https://codepen.io/dhnsh/pen/rKQpGb

电子邮件输入示例： testnewlongemail@veryverylongemail.com

---

1）当您键入时，如何在vuetify中验证电子邮件是否有效？

2）这是框架中的错误还是与javascript行为有关？