vue反应性问题：: disabled

Question

我有一个带有计算的有界isDisabled方法的按钮

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

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

然后我有一种方法可以更新emailValid字段。

methods: {
  validateEmail() {
    .......
    this.emailValid = true

当我追踪病情时，它会给我错误

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

但是我的按钮仍然被禁用。

我尝试添加密钥

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

但仍然无法正常工作。

Answer 1

您不要在模板标签中使用this关键字。

尝试

{{ !emailValid || savingUser  }}

编辑：而且，saveMember是一种方法吗？您应该在saveMember()侦听器中将其命名为@click。