在Element-ui中设置可以为表单选择的复选框的最大数量？答案

【问题标题】：Set max number for checkboxes that can be selected for a form in Element-ui?在Element-ui中设置可以为表单选择的复选框的最大数量？
【发布时间】：2020-02-13 15:24:29
【问题描述】：

我正在尝试使用v-for 从数组中设置复选框，目前我正在保存用户输入的数量以获取可以选择的复选框数量，如何正确合并设置复选框与@ 987654324@ 并设置"min: '1' :max:'form.num'。

现在我正在显示数组中的所有复选框，但最小值最大值不起作用？如果我尝试另一种方式，复选框根本不会出现。

什么显示了复选框，但 min max 不起作用

<el-form-item :min="1" :max="form.num" v-for="(option, index) in questionOptions" 
        :key="index">
    <el-checkbox :label="option.option"></el-checkbox>
</el-form-item>

这就像文档，但复选框根本不显示，我多次收到此错误

Error in render: "TypeError: Cannot read property 'length' of undefined" found in
<ElCheckbox>

TypeError: Cannot read property 'length' of undefined at VueComponent.isLimitDisabled

<el-form-item>
    <el-checkbox-group :min="1" :max="form.num">
        <el-checkbox v-for="(option, index) in questionOptions" :key="index">
            {{option.option}}
        </el-checkbox>
    </el-checkbox-group>
</el-form-item>

我的错误在哪里？或者我应该如何正确地做到这一点？

【问题讨论】：

我查看了min/max 的文档，但我没有看到您的<el-checkbox-group> 上有v-model...
对于undefined错误，确保questionOptions默认值为[]
@ljubadr 据我了解，这是您想要的检查项目，我不希望一开始就选择任何项目
@ljubadr for the questionOptions 它不能是 [] 因为这些选项已经保存，我想将它们显示为复选框
您需要v-model，即使它是一个空的[] 数组。我刚刚在element-uicodepen for min/max 进行了测试。如果没有v-model，它会在控制台中显示错误Error in render: 'TypeError: Cannot read property 'length' of undefined'

标签： laravel vue.js element-ui

【解决方案1】：

你应该这样做

<template>
   <el-checkbox-group :min="1" :max="max" v-model='optionsSelected'>
    <el-checkbox v-for="(option, index) in options" :key="index">
        {{option}}
    </el-checkbox>
  </el-checkbox-group>
</template>
<script>
     data() {
  return {
    optionsSelected: ['lalala','lololo'],
    options: [],
    max:3,
  },
 async created(){

      const options = await axios.get('your endpoint');
      this.options = options.data;

  }
}
</script>

【讨论】：

这对我不起作用我正在从数据库中获取选项数组
和你从数据库中填写 optios 一样，让我编辑答案从数据库中填写。