有没有什么替代jQuery函数来限制复选框类型的选择？

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var maxAllowed = 2; // 设置最大允许选择的复选框数量

for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener('change', function() {
    var checkedCount = document.querySelectorAll('input[type="checkbox"]:checked').length;
    if (checkedCount > maxAllowed) {
      this.checked = false; // 取消当前复选框的选中状态
    }
  });
}

<template>
  <div>
    <input type="checkbox" v-model="checkbox1"> 复选框1
    <input type="checkbox" v-model="checkbox2"> 复选框2
    <input type="checkbox" v-model="checkbox3"> 复选框3
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkbox1: false,
      checkbox2: false,
      checkbox3: false
    };
  },
  computed: {
    checkedCount() {
      return [this.checkbox1, this.checkbox2, this.checkbox3].filter(Boolean).length;
    }
  },
  watch: {
    checkedCount(newValue) {
      if (newValue > 2) {
        this.checkbox3 = false; // 取消复选框3的选中状态
      }
    }
  }
};
</script>