是否阻止用户在Vue Js中有条件地更改复选框值？

<template>
  <div>
    <input type="checkbox" v-model="checkboxValue" :disabled="!isChangeAllowed">
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkboxValue: false,
      isChangeAllowed: true
    };
  },
  computed: {
    // 计算属性用于阻止复选框的值在isChangeAllowed为false时更改
    checkboxValue: {
      get() {
        return this.checkboxValue;
      },
      set(newValue) {
        if (this.isChangeAllowed) {
          this.checkboxValue = newValue;
        }
      }
    }
  }
};
</script>