vue.js 添加动态的下拉框，单选框，多选框

╰半橙微兮° 2022-05-11 11:40 851阅读 0赞

1.下拉框

<FormItem label="关联题目类型" prop="questionTypeId">
              <Select v-model="addValidate.questionTypeId" placeholder="请选择题目类型">
                <Option v-for="(item,index) in queryQuestionTypeListItems" :key="index" :value="item.id">{
       {item.typeName}}</Option>
              </Select>
    </FormItem>

2.单选框

<FormItem label="关联题目类型：" prop="questionTypeId">
              <RadioGroup v-model="addValidate.questionTypeId">
                <Radio v-for='(item,index) in queryQuestionTypeListItems' :key="index" :label="item.id">{
       {item.typeName}}</Radio>
     </RadioGroup>
     </FormItem>

3.多选框

<FormItem label="关联题目类型：" prop="questionTypeId">
                <CheckboxGroup  v-model="addValidate.questionTypeId">
                  <Checkbox v-for="(item,index) in queryQuestionTypeListItems" :label="item.id" :key="index" :checked.native="item.checked">
                    {
       {item.typeName}}
                  </Checkbox>
                </CheckboxGroup>
     </FormItem>

发表评论取消回复

表情：

评论列表（有 0 条评论，851人围观）

还没有评论，来说两句吧...

相关阅读

相关多选下拉框（select 下拉多选）

选项1</option><option value="2">选项1</option><option value="3">选项1</option><option value...

古城微笑少年丶/ 2024年05月02日 20:21/ 0 赞/ 19 阅读

相关使用下拉框，模拟单选框效果

踩坑较多，记录下来，分析坑点，填坑 **首先，数据由两个接口返回** 1、一个为选择框固定信息，以及选择框中的每个选项后面所跟的可以选填的输入框 2、一个为用...

曾经终败给现在/ 2024年04月20日 08:08/ 0 赞/ 11 阅读

相关 extjs获取多选框_extjs下拉框，多选，单选，动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletRe

女爷i/ 2022年12月31日 14:24/ 0 赞/ 223 阅读

相关 element动态生成单选框，多选框

<template> <div class="demo"> <div> <ul> <li v-f

谁借莪１个温暖的怀抱￠/ 2022年10月07日 09:51/ 0 赞/ 275 阅读

相关 HTML复选框里添加下拉框,Html：实现带复选框的下拉框（一）

概述项目中要用到可多选的下拉框(select)，发现HTML中无此控件，故手动模拟实现一下。模拟所用元素：input，ul，li 代码模拟实现带复选框的下拉列表

朴灿烈づ我的快乐病毒、/ 2022年10月06日 12:49/ 0 赞/ 537 阅读

相关单选框，复选框，下拉列表的美化

参考：[http://www.jq22.com/yanshi9351][http_www.jq22.com_yanshi9351] ![这里写图片描述][20160911

野性酷女/ 2022年09月25日 14:21/ 0 赞/ 250 阅读

相关单选按钮、下拉框、复选框选中问题

我们直接看例子吧： <input type="radio" name="radio" value="$\{var.id \}" checked="checked"/>$\{v

爱被打了一巴掌/ 2022年09月20日 11:13/ 0 赞/ 252 阅读

相关 jquery获取单选框复选框下拉框值

jquery获取单选框（radio）复选框（checkbox）下拉框（select）的值，亲测可用。有什么疑问可以留言效果图： ![20160218153630060][

男娘i/ 2022年08月20日 08:28/ 0 赞/ 321 阅读

相关 EasyUI单选，多选，下拉框

单选框 <div> <label for="name">性别:</label> <input type="radio"

一时失言乱红尘/ 2022年05月27日 03:24/ 0 赞/ 628 阅读

相关 vue.js 添加动态的下拉框，单选框，多选框

1.下拉框 <FormItem label="关联题目类型" prop="questionTypeId"> <Select v-model

╰半橙微兮°/ 2022年05月11日 11:40/ 0 赞/ 852 阅读