邮箱正则验证(vant实例)

正则

 /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/ 

下面的实例用vant编写

<template>
  <transition name="fade" appear>
        <van-form @submit="onSubmit">
          <!-- 邮箱 -->
          <van-field
            v-model="email"
            label="邮箱"
            placeholder="邮箱"
            clearable
            :rules="[
              { required: true, message: '请填写您的邮箱！' },
              { pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '邮箱格式错误！'}
            ]"
          />
          
        </van-form>        
  </transition>
</template>