【问题标题】:How to let user choose how many checkboxes can be selected in Element-ui?如何让用户在 Element-ui 中选择可以选择多少个复选框?
【发布时间】:2020-02-13 10:31:34
【问题描述】:

我正在创建一个创建问题页面,并希望让创建问题的用户能够选择需要为问题选择多少个选项,例如默认为 1,他们可以选择让 2 或选择3个选项。如何为 Element-ui 复选框组件执行此操作?

【问题讨论】:

    标签: laravel vue.js element-ui


    【解决方案1】:

    您好,您可以列出问题并使用 v-for

    <template>
    
        <el-checkbox-group 
           v-model="questionCheck"
            :min="1"
            :max="3">
         <el-checkbox v-for="(question,key) in questions" :label="question" :key="key"> 
               {{question}}
         </el-checkbox>
    </el-checkbox-group>   
     </template>
     <script>
      export default {
        data() {
          return {
          questionCheck: ['question one', 'question two'],
          questions: ['question one', 'question two','question tree']
        };
        }
    };
    </script>
    

    【讨论】:

    • 也许我没有正确解释自己,我想要的是一个选项,创建问题的人可以选择用户是否只输入一个选项、两个选项或创建人的多个选项问题想要。这样当用户回答问题时,它会显示you must select x amount of options
    • 好吧,您可以说他们在创建问题时会为该问题放置一个包含多个选项的字段。
    • 我的意思是稍后如何使用该值以确保只选择了许多选项
    • 有一个最小的道具,您可以将存储值放在那里,例如 :min="numberOptions"
    • 或者如果 numberOptions >= questionCheck.length 可以在保存前检查
    猜你喜欢
    • 2012-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-13
    • 1970-01-01
    • 2021-05-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多