1. 程式人生 > >vue.js 新增動態的下拉框,單選框,多選框

vue.js 新增動態的下拉框,單選框,多選框

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>