如果密码正确，如何转到另一页

Posted 2023-01-08

如果用户输入的密码正确（此格式），我想转到“客户”页面，否则显示错误消息

       <v-card-text>
        <v-form>  
         <v-text-field
            id="password"
            label="Password"
            name="password"
            prepend-icon="mdi-lock"
            type="show1 ? 'text' : 'password'"/>
        </v-form>
    </v-card-text>

      <v-card-actions>
        <v-spacer />
        <v-btn color="primary" :to="name:'customers'">Login</v-btn>  // I want to add a condition if the password is correct , then go to "customers"
      </v-card-actions>

我指定我配置了所有必要的路由。

我该写什么？

任何帮助将不胜感激

答案

您应该在组件中创建一个方法，并在检查密码是否正确后使用$router.push方法更改路由：

async checkPassword () 
  if (await checkPasswordWithYourApi(this.password)) 
    this.$router.push(name:'customers')
    return
  
  this.showErrors()