Javascript ：禁用的表单按钮在Vue 3中不工作

我正在尝试使用状态使窗体按钮切换处于禁用和启用状态。 如果勾选复选框，则：disable将变为true，并且可以使用该按钮。但在VUE3中似乎不起作用

代码如下：

<template lang="pug">
.container
  .row
    .col-lg-12.desktop-sign-up
      .row.no-gutters
        .col-lg-6
          .image-container
            img.logo-container(src=".././assets/images/logo.png")
        .col-lg-6
          form.sign-in-form
            img.sign-in-image(src=".././assets/images/logo.png")
            .sign-in-header
              h1 Hello
            .sign-in-content
              h4 Please create <br/>an account to continue.
              .form-group
                input.form-control(placeholder="Username" type="text" v-model="user.username")
              .form-group
                input.form-control(placeholder="Email Address" type="email" v-model.lazy="user.email")
              .form-group(style="margin-bottom: 0;")
                input.form-control(placeholder="Password" type="password" v-model="user.password")
              .form-check
                input.form-check-input(id="customeCheck1" type="checkbox" v-model="user.isTncChecked")
                label.form-check-label(for="customCheck1") I agree with our 
                  router-link(:to="'/'" target="_blank") Terms 
                  | and 
                  router-link(:to="'/'" target="_blank") Conditions
                  | .
              .error-msg
                p(v-for="item in errorMsg" :class="{ success : isSuccess }" ) {{ item.msg }}
              .cta-conainer
                a.cta.cta-submit(href="" @click.prevent="handleSubmit" :disabled="isDisabled") Sign up
              .sign-in-msg
                p Already have an account.
                  a(href="#") Sign in here
</template>
<script>
import axios from 'axios'
export default {
  name: 'Register',
  components: {
  },
  directives: {
  },
  data() {
    return {
      user: {
        username: '',
        email: '',
        first_name:'',
        last_name:'',
        password: '',
        tracks: [],
        dateCreated: '',
        profile_pic: '',
        isTncChecked: false
      }
    }
  },
  beforeCreate() {
  },
  mounted () {
  },
  computed: {
    isDisabled () {
      return !this.user.isTncChecked
    }
  },
  methods: {}
}
</script>

.集装箱
一行
.col-lg-12.桌面-注册
.街上没有排水沟
.col-lg-6
.图像容器
img.logo容器（src=“.././assets/images/logo.png”）
.col-lg-6
登记表
img.登录图像（src=“.././assets/images/logo.png”）
.登录标题
你好
.登录内容
h4请创建一个帐户以继续。
.表格组
输入.表单控件（占位符=“用户名”type=“text”v-model=“用户.用户名”）
.表格组
input.form控件（placeholder=“Email Address”type=“Email”v-model.lazy=“user.Email”）
.表格组（style=“页边距底部：0；”）
输入.表单控件（占位符=“密码”类型=“密码”v-model=“用户.密码”）
.表格检查
输入。表单检查输入（id=“customeCheck1”type=“checkbox”v-model=“user.isTncChecked”）
标签。表格检查标签（for=“customCheck1”）我同意
路由器链接（：to=“”/“”target=“_blank”）术语
|及
路由器链接（：to=“”/”“target=“_blank”）条件
| .
.错误消息
p（v-for=“item in errorMsg”：class=“{success:issucess}”）{{{item.msg}
.cta康奈尔酒店
a、 cta.cta提交（href=”“@click.prevent=“handleSubmit”：disabled=“isDisabled”）注册
.登录msg
p已经有一个帐户了。
a（href=“#”）在此处登录
从“axios”导入axios
导出默认值{
名称：'注册'，
组成部分：{
},
指令：{
},
数据（）{
返回{
用户：{
用户名：“”，
电子邮件：“”，
名字：''，
姓氏：“”，
密码：“”，
轨道：[]，
已创建日期：“”，
个人资料图片：''，
isTncChecked:错误
}
}
},
beforeCreate（）{
},
挂载（）{
},
计算：{
已禁用（）{
return！this.user.isTncChecked
}
},
方法：{}
}

它在VUE2上工作。 找不到有关vue 3中断更改如何影响此操作的任何信息。希望任何人都能帮助我理解这一点

---

谢谢

对于

标记，没有禁用的

属性，请改用

button.cta.cta提交（@click.prevent=“handleSubmit”：disabled=“isDisabled”）注册

或者使用CSS更改
样式：

a.禁用{
指针事件：无；
游标：默认值；
}

或者您可以在
handleSubmit
内选中
isDisabled
：

handleSubmit（）{
如果（！this.isDisabled）{
}
}