Vue.js 仅当用户通过验证时才允许他/她转到页面

如果用户在VueJS中输入了错误的值，如何防止用户进入特定页面

例如，我从代码中获取了这个代码片段，用于验证用户选择的日期是否与JSON中的日期匹配

checkBirthday: function() {
  //compare results birthday and input birthday
  let inputBDAY = moment(this.date).format("MMMM DD, YYYY");
  if (this.results.BIRT_D == inputBDAY) {
    //redirect to details page
    this.$router.push("/details/" + this.MEMB_N);
  } else {
    alert("Wrong Birthday");
  }
}

这是我的routes.js代码段

{
    path: '/details/:MEMB_N', component: details
},

我只想在验证为真时重定向页面，如果为假则阻止

现在：

---

即使我没有验证生日，我也可以访问我想要的页面

使用“安全”页面/组件上的导航卫士。阅读

使用“安全”页面/组件上的导航保护。阅读

是

这个。日期

被视为访问成员详细信息的“密码”吗？有点像玩具验证，但我只是想知道如何解决我问的问题：）是

这个。日期

被视为访问成员详细信息的“密码”吗？有点像玩具验证，我只是想知道如何才能我解决了我问的问题：）