导航菜单
首页 >  考试答案怎么写  > 【vue考试功能】vue

【vue考试功能】vue

前言:

本帖子是根据vue和elementul写出来的。直接告诉你们使用方法,直接创建一个点vue文件复制代码放进去,然后把文件引入到你的项目内,注册组件就可以用了。当然里面也有详细注释,一步步解释写法逻辑,让不熟悉这个功能的小伙伴可以先复制了直接用着,然后看注释理解原理。

没有下载elementul的自己下一哈

npm i element-ui -S 功能介绍

考试题目录入页面:

页面点击按钮后出现弹框,里面录入题目,从上到下分为 题目:输入框输入题目 选项:可以添加删除,多个选项。选项内可以输入答案 正确答案:用选项下拉框直接点击选中的就是正确答案

规则设定: 单选题:当答案为一个的时候判定是单选题 多选题:当答案为多个的时候判定是多选题

选项个数:设定最高不超过6个,最低不少于两个,可自行修改

验证:提交时会验证每一题的题目,选项,答案是否填好,没有填的提示

效果图(按顺序)

试题录入这个按钮就是组件,以弹框形式出现的 在这里插入图片描述 详细页面 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

代码使用流程介绍: (1)创建一个vue文件,名字可以自己随便改

在这里插入图片描述

(2)到需要组件的地方引入就可以了,这里组件上面的exam是传参过去用于区分的,因为我一个页面复用了两次这个组件,所以区分一下。

在这里插入图片描述

上代码

这个代码可以直接一键复制然后去粘贴就可以了,看看效果,如果有css的问题,自己调整下就好了。

试 题 录 入 新增题目

相关推荐: