vue.js - 基于文本输入禁用按钮

Question

我有 2 个字段，电子邮件和密码以及一个按钮：

该按钮基于 禁用password.length，但我也希望基于有效的电子邮件地址禁用它。

我试着做：

模板：

<v-btn
 class="btn white--text"
 :disabled="password.length <= 6 && isValidEmail"
 @click="onSignIn"
 >Sign In</v-btn>

脚本：

computed: {
    isValidEmail() {
      return validateEmail(this.email);
    },
  },

但它不起作用，只有 password.length 起作用。我错过了什么？

标签： vue.jsvuetify.js

Answer 1

I think you should use OR instead of && operator, so whenever one of the condition return false, its disabled

  <v-btn
  class="btn white--text"
  :disabled="password.length <= 6 || !isValidEmail"
  @click="onSignIn"
  >Sign In</v-btn>