本帖子是根据vue和elementul写出来的。直接告诉你们使用方法,直接创建一个点vue文件复制代码放进去,然后把文件引入到你的项目内,注册组件就可以用了。当然里面也有详细注释,一步步解释写法逻辑,让不熟悉这个功能的小伙伴可以先复制了直接用着,然后看注释理解原理。
没有下载elementul的自己下一哈
npm i element-ui -S 功能介绍考试题目录入页面:
页面点击按钮后出现弹框,里面录入题目,从上到下分为 题目:输入框输入题目 选项:可以添加删除,多个选项。选项内可以输入答案 正确答案:用选项下拉框直接点击选中的就是正确答案
规则设定: 单选题:当答案为一个的时候判定是单选题 多选题:当答案为多个的时候判定是多选题
选项个数:设定最高不超过6个,最低不少于两个,可自行修改
验证:提交时会验证每一题的题目,选项,答案是否填好,没有填的提示
效果图(按顺序)试题录入这个按钮就是组件,以弹框形式出现的 详细页面
这个代码可以直接一键复制然后去粘贴就可以了,看看效果,如果有css的问题,自己调整下就好了。
试 题 录 入 新增题目