正则表达式（手机号、邮箱）验证

<script>
export default{
  data(){
	// 校验邮箱的规则
    	var checkEmail = (rule, value, cb) => {
     	 // 验证邮箱的正则表达式
    	  const regEmail = /^([a-zA-Z0-9_-])+@(a-zA-Z0-9_-)+(\.[a-zA-Z0-9_-])+/
    	  // 如果验证邮箱正确，返回回调函数，输入框显示绿色
     	 if (regEmail.test(value)) {
     	   return cb()
      	}
    	  // 如果验证不正确
    	  cb(new Error('请输入合法的邮箱！'))
   	 }
	 
	 // 校验手机号的规则
    	 var checkMobile = (rule, value, cb) => {
        // 验证手机号的正则表达式
        const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
        // 如果验证手机号正确，返回回调函数，输入框显示绿色
        if (regMobile.test(value)) {
          return cb()
        }
        // 如果验证不正确
        cb(new Error('请输入合法的手机号！'))
    }

  return {
     email:[{ validator: checkEmail, trigger: 'blur' }],
     mobile: [{ validator: checkMobile, trigger: 'blur' }],
  }
 }
}
</script>

//这种方法也可以验证邮箱，使用了vue的element插件
email: [
          {
            type: 'email',
            message: '请输入正确的邮箱地址',
            trigger: ['blur', 'change'],
          },
        ],

PS:然而我的输入框并没有变成绿色.......