正則表達式（手機號、郵箱）驗證

<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:然而我的輸入框並沒有變成綠色.......