Vue.js vue反应性问题：已禁用

我有一个按钮，上面有一个被禁用的方法

<button :disabled="isDisabled"
        @click="saveMember"
        type="button"
        class="btn btn-primary mr-1">Invite
</button>

computed: {
  isDisabled() {
    return !this.emailValid || this.savingUser
  }
}

当我追踪情况时，它给了我错误的答案

{{ !emailValid || savingUser  }} //false

但我的按钮仍然被禁用

我试图添加一个密钥

<button :disabled="isDisabled"
    @click="saveMember"
    type="button"
    class="btn btn-primary mr-1"
    :key="`${this.member.email}`">Invite
</button>

但是仍然不起作用。

在模板标记中不使用this关键字

试一试

编辑：另外，saveMember是一个方法吗？您应该像@click侦听器中的saveMember一样调用它

console.log'isDisabled'，this.emailValid，this.savingUser，！this.emailValid | | this.savingUser或indabled中的类似内容应该可以帮助您锁定此项：key=`${this.member.email}`可以通过以下方法更简单：key=member.email

<button :disabled="isDisabled"
    @click="saveMember"
    type="button"
    class="btn btn-primary mr-1"
    :key="`${this.member.email}`">Invite
</button>

{{ !emailValid || savingUser  }}