vue.js 新增動態的下拉框,單選框,多選框
阿新 • • 發佈:2018-12-16
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>