Javascript Vue电子邮件验证未返回true

我对Vue非常陌生，对于这个项目，我使用电子邮件验证，然后在

Vue脚本数据上使用
reg
。当我打印出
console.log（this.reg.test（this.email））
时，当用户填写电子邮件输入字段时，它将正确验证为true或false<代码>下一步

按钮在正确和错误情况下均保持禁用状态。一旦

console.log（this.reg.test（this.email））

为true，我们可以启用按钮吗

查看

<div id="app">
  <h2>Todos:</h2>
  <input type="email" v-model="email" placeholder="enter email email address"/>
  <button v-bind:disabled="isDisableComputed">NEXT</button>
</div>

待办事项：
下一个

脚本

new Vue({
  el: "#app",
  data: {
    email: '',
    reg: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,24}))$/
  },
  methods: {
    toggle: function(todo){
        todo.done = !todo.done
    }
  },
  
  computed: {
      isDisableComputed() {
      if(this.reg.test(this.email) == 'true'){
        console.log(this.reg.test(this.email));
        return false;

      }
      else{
        console.log(this.reg.test(this.email));
        return true;
      }

    },
    
   }

})

newvue({
el:“应用程序”，
数据：{
电子邮件：“”，
注册号：/（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.]124；（[a-zA Z-0-9]+]2,24]）$/
},
方法：{
切换：功能（todo）{
todo.done=！todo.done
}
},
计算：{
isDisableComputed（）{
if（this.reg.test（this.email）='true'）{
log（this.reg.test（this.email））；
返回false；
}
否则{
log（this.reg.test（this.email））；
返回true；
}
},
}
})

下面是我上传到JSFIDLE上的代码

查看，

RegExp.test

返回布尔值，而不是一个字符串。因此

this.reg.test（this.email）='true'

将始终为false

let regex=/^（（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}]）}.（[a-zA Z-0-9]+-Z]}.[a-24,24]）$/
console.log（“regex.test”（）test@test.com“）===>”，regex.test（'test@test.com'))
console.log（“regex.test”（）test@test.com'）=='true'==>“，regex.test（'test@test.com“）==”真“）
console.log（“regex.test”（）test@test.com“）===>”，regex.test（'test@test@（www.com'））
console.log（“regex.test”（）test@test@.com'）=='true'==>”，regex.test（'test@test@.com'）=='true'）