MongoDB实现问卷/考试设计

前端使用vue实现JSON的构造：

<Modal title="问题编辑" v-model="showEdit" :closable="false" :mask-closable="false">  
    <Form ref="question" :model="question" :rules="ruleValidate">  
        <FormItem label="题目类型：" prop="qType">  
            <Select v-model="question.qType" class="input-180" placeholder="题目类型" @on-change="changeQType(question)">  
                <Option v-for="d in qTypes" :value="d.value" :key="d.value">{{ d.label }}</Option>  
            </Select>  
        </FormItem>  
        <FormItem label="题目：" prop="title">  
            <Input  
                   class="input-95-per"  
                   v-model="question.title"  
                   type="textarea"  
                   row="1"  
                   placeholder="题目"  
                   ></Input>  
        </FormItem>  
        <FormItem label="选项：">  
            <div v-for="(o, i2) in question.options" :key="i2" style="display:flex">  
                <Input class="input-95-per margin-bot-8 margin-right-10" v-model="o.text">  
                    <span slot="prepend">{{i2+1}}:</span>  
                </Input>  
                <Button size="small" @click="addOpt(question)" v-if="i2===0">+</Button>  
                <Button size="small" @click="delOpt(question, o)" v-if="i2">-</Button>  
                <Checkbox v-model="o.right">正确答案</Checkbox>  
            </div>  
        </FormItem>  
        <FormItem label="答案解析：">  
            <Input  
                   class="input-95-per"  
                   v-model="question.analysis"  
                   type="textarea"  
                   row="1"  
                   placeholder="答案解析"  
                   ></Input>  
        </FormItem>  
    </Form>  
    <div slot="footer">  
        <Button type="text" @click="cancelQuestion">取消</Button>  
        <Button type="primary" :loading="saveLoading" @click="saveQuestion">保存</Button>  
    </div>  
</Modal> 

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!