uniapp控制u-checkbox多选框控制最大选则数量方法

您可以通过在 u-checkbox 的 change 事件中进行判断，当选中的数量大于最大选则数量时，将其它未选中的 u-checkbox 设置为 disabled 状态，从而达到控制最大选则数量的效果。您可以参考以下代码：

<template>
  <div>
    <u-checkbox v-model="checkedList" label="1" @change="handleCheckboxChange">选项1</u-checkbox>
    <u-checkbox v-model="checkedList" label="2" @change="handleCheckboxChange">选项2</u-checkbox>
    <u-checkbox v-model="checkedList" label="3" @change="handleCheckboxChange">选项3</u-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: [],
      maxChecked: 2 // 最大选则数量
    };
  },
  methods: {
    handleCheckboxChange(val) {
      if (this.checkedList.length > this.maxChecked) {
        // 当选中数量大于最大选则数量时，禁用其它未选中的 u-checkbox
        this.$refs.checkboxGroup.forEach((checkbox) => {
          if (!checkbox.checked) {
            checkbox.disabled = true;
          }
        });
      } else {
        // 否则，取消禁用所有 u-checkbox
        this.$refs.checkboxGroup.forEach((checkbox) => {
          checkbox.disabled = false;
        });
      }
    }
  },
  mounted() {
    // 获取所有 u-checkbox 的引用
    this.$nextTick(() => {
      this.$refs.checkboxGroup = this.$el.querySelectorAll('.u-checkbox');
    });
  }
};
</script>