首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue - 使用vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常的善解“猿”意, 能把我们的多选单选功能很完美且很强大得双向绑定起来,实现多选、单选、任意选...根本不在话下。...可悲的是,这个项目两个月后,我才来做项目复盘, 话说也就在此时,我才发现有一种更简单的方式来实现并且应用上v-model, 为什么要为了样式放弃功能然后自己吭哧吭哧傻滴呼呼的用js来实现了类似双向绑定的感觉...== 100112){ 30 alert('您已答题完毕!')...= 100112){ 88 alert('您已答题完毕!不能重复答题。'); 89 }else{ 90 if(!...; 116 }else if(this.state.progress > 100107){ 117 alert('您已答题完毕!不能重复答题。')

3.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    答题小程序学习,题库答题类小程序,云开发+cms做后台,有错题集,积分排名,做题进度

    今天开始手把手的带大家实现一款答题类的小程序,如果着急的话,可以直接去看最后一章源码下载与项目部署 一,效果预览 小程序端 1,首页 可以看到我们首页有顶部轮播图,随机答题,分类答题 首页顶部轮播图...,排名之前需要先注册用户 答题之前可以先注册用户再答题积分 用户还未注册时会有如下提醒 7,答题完成得分和错误个数 8,题型分类 单选题 多选题 判断题 9,分类答题和随机答题 也可以从题库里随机抽取题目答题...5-2,多选wxml页面的布局 题目:这门课的老师是谁?... 效果如下 5-3,多选js页面 由于我们多选的时候有很多种打分规则,这里以两个最常见的打分规则为例。...3-1,去云开发控制台获取环境id 3-2,app.js里的云开发环境id要换成你的 4,云函数 4-1,云函数目录选择环境 一定要和你的云开发环境id保持一致。

    1.8K31

    在线教育风口已来,这几个开源项目不能错过 | Gitee 项目推荐

    学之思在线考试系统,支持多种题型:选择题、多选题、判断题、填空题、解答题以及数学公式,包含PC端、小程序端,扩展性强。 ?...项目地址:https://gitee.com/wells2333/spring-microservice-exam 3、项目名称:在线答题系统(在线考试) WTS 项目简介:本系统为在线答题系统(在线考试...支持题型:单选题、多选题、填空题、问答题、判断题、附件题、材料题、视频题、音频题支持答题类型:手工配置 试卷答题、随机抽题练习社交功能:试题收藏、试题评论、试题解析、试题点赞权限控制:题库权限、考场权限...系统采用前后端分离模式,前台采用vue.js为核心框架,后台采用Spring Cloud为核心框架。

    5.4K30

    破解答题环节

    刷短视频的时候,发现一个送礼品的活动,旨在为铁粉送福利,为了验证粉丝是否是铁粉,特意在参与之前设置了答题门槛,我也是才刷到博主的视频,并没有查看过所有的视频,所以对于一些题目无法正确回答,尝试多次后,准备看看能不能不回答或者直接找到答案...本来是通过手机点击之后打开的答题页面,为了方便分析,所以就在电脑上打开了该页面,但是被拦截了,如图: 既然只能移动端页面访问,那我修改浏览器的默认 User-Agent 是否可以?...User-Agent 使用来识别浏览器类型,所以我使用火狐的浏览器的 User-agent 切换插件,切换到微信的 User-Agent,如图: 再次访问答题页,现在可以看到需要回答的问题了: 在没有全部看过博主的视频之前...打开浏览器调试窗口的调试器模块,能够看到页面中加载的 javascript 源码,如图: 能看懂 javascript 的同学,可以通过阅读源码来发现题目验证的逻辑,如图; 从代码中可以看到验证全程都是通过 js...,最终进入手机号填写界面: 到这里,其实也可以直接抓取提交手机号的数据包,绕过答题环节,但是这里会有一个验证码,验证码的生成跟手机号有关系,直接提交手机号是无法验证通过的,点击获取验证码,会向一个接口请求

    16810
    领券