html 答题一题一题展示,微信小程序实现随机答题时,点击下一题应该如何使他随机展示出来...
问题描述
我在实现时,需要点击下一题然后随机获取一道题并在本页面不动,只需要变换获取到的值,应该怎么实现
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
{{item.questionTitle}}
{{items.questionSelect}}{{items.question}}
正确答案:{{item.answer}}
{{item.answerAnalysis}}
确定
下一题
data:{
isSelect: false,
questionList: [{
id: "",
questionTitle: "俗称“四不像”的动物是",
questions: [{
question: "麋鹿",
questionSelect: "A",
},
{
question: "羚羊",
questionSelect: "B",
},
{
question: "骡子",
questionSelect: "C",
},
{
question: "以上都不是",
questionSelect: "D",
},
],
answer: "A",
answerAnalysis: "俗称“四不像”的动物是麋鹿dfsdf会觉得合适机会的话都是当地时间"
// questionA:"麋鹿",
// questionB:"羚羊",
// questionC:"骡子",
// questionD:"以上都不是",
},
{
id: "",
questionTitle: "我国的国宝动物是",
questions: [{
question: "金丝猴",
questionSelect: "A",
},
{
question: "丹顶鹤",
questionSelect: "B",
},
{
question: "熊猫",
questionSelect: "C",
},
{
question: "以上都不是",
questionSelect: "D",
},
],
answer: "C",
answerAnalysis: "熊猫是我国宝,深受全世界人的喜爱"
// questionA:"麋鹿",
// questionB:"羚羊",
// questionC:"骡子",
// questionD:"以上都不是",
}
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
id: parseInt(options.id)
},
selectAnswer: function(e) {
this.isSelect = true;
this.setData({
key: e.target.dataset.index
})
},
srue: function(e) {
let that = this;
// this.flag = true;
// this.flag = true;
if (this.isSelect == true) {
// debugger
this.setData({
showView: !that.data.showView
})
} else {
this.showView = true;
wx.showModal({
title: '提示',
content: '请选择答案',
success(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
},
nextQuestion: function() {
var that = this;
if (that.data.id < that.data.questionList.length - 1) {
this.setData({
id: that.data.id + 1
});
};
console.log(that.data.questionList.length,'jdffhjfhdhh')
},
你期待的结果是什么?实际看到的错误信息又是什么?
html 答题一题一题展示,微信小程序实现随机答题时,点击下一题应该如何使他随机展示出来...相关推荐
- 微信小程序在线知识答题有奖多开版源码
介绍: 微信小程序在线知识答题有奖源码是一款搭建在微擎上使用的 主要功能 答题有奖红包,可配合流量主推广,广告变现,后台含有区间余额区间奖励配置,自定义金额提现配置: 题库后台自己输入就可以了 .开 ...
- 32套企业店铺展示微信小程序源码模板集合
32套企业店铺展示微信小程序源码模板集合,前端小程序模板,有门锁.水果.母婴等行业 源码优势 此版本微信小程序为开发版,没有错误,上传就可以用.(无后台!不用后台服务器!) 如果你不想那么麻烦,就想展 ...
- 最新中国福彩分析大数据分析大师拥有双色球数据展示微信小程序源码支持双色球数据分析多个接口
demo软件园每日更新资源,请看到最后就能获取你想要的: 1.最新中国福彩分析大数据分析大师拥有双色球数据展示微信小程序源码支持双色球数据分析多个接口 福彩大数据分析小程序,数据来自于中国福利彩票 拥 ...
- HTML 点击查看更多,微信小程序加载更多和点击查看更多的实现方法
微信小程序加载更多和点击查看更多的实现方法 发布时间:2020-12-31 11:01:19 来源:亿速云 阅读:126 作者:小新 这篇文章给大家分享的是有关微信小程序加载更多和点击查看更多的实现方 ...
- 微信小程序 之 简答题
前12道重点背. 目 录 ※1 小程序的页面生命周期函数包含哪些?它们分别在什么时候触发? ※2 简单介绍微信小程序.原生APP和Web App之间的区别. ※3 简述小程序有哪些优点? ※4.简述什 ...
- 微信小程序解决跳转时携带参数乱码的问题 ?
问题场景 在微信小程序中,页面之间传递参数时,参数时链接时,在下个页面出现链接乱码的问题 解决办法(先通过 encodeURIComponent 进行编码) wx.navigateTo({url: ' ...
- 微信小程序开发工具介绍及安装(下)
开发工具的基本功能介绍 微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
- php点击查看更多,微信小程序加载更多和点击查看更多功能介绍
这篇文章主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考,具体内容如下 ...
- 微信小程序 - 图像加载时渐隐淡入效果(image)
前言 由于微信小程序图片组件加载成功后,会突然显示出来比较生硬,所以需要对其进行动画修饰. 我们可以利用简单的动画对其进行修饰,当图片加载完毕后应用 自己设置一个渐隐的过渡效果时间,如下图所示: 解决 ...
最新文章
- 职场PUA到底有多可怕?
- 如何在SQL Server中使用触发器
- Ubuntu16.04 配置vnc4server
- 第二十二章 鲁曹沫柯地之盟强索地 齐桓公因势利导著信义
- linux Fedora35 grub2 改变启动顺序
- jzoj4017-逃跑【0/1分数规划,线段树,dp】
- elasticsearch-1.7.1 集群搭建
- MAC上使用不同版本的xcode编译
- 【雷达通信】基于matlab联邦滤波算法惯性+GPS+地磁组合导航仿真【含Matlab源码 1276期】
- Layui-select 修复搜索之后上下键的bug
- GD32系列总结 - 前言
- Cohort analysis
- 面试——讲讲什么是happens-before?
- 查表的所在的库/查字段所在的库,表,字段名称
- Matlab 点云高斯曲率计算
- Ardunio开发实例-水银倾斜开关模块
- Android高手秘笈之View的绘制你应该知道的一切
- web自动化测试框架
- 一行 Java 代码是怎么执行的。
- 2014秋江苏计算机二级,关于2014年秋季江苏省计算机等级考试报名通知
热门文章
- java计算机毕业设计基于安卓Android的校园流浪猫收养app
- Android将screenOrientation设置为portrait不起作用
- BT6:ControlNodes源码解析
- 计算机网络体系结构通信原理
- linux qq传文件怎么安装,怎么在LINUX系统中安装QQ
- 【队内胡策】2017.10.15
- 神武3手游哪个跨平台服务器最多人,《神武3》手游一个门派要“霸占”一个服务器?...
- 阅读书源最新2020在线导入_安卓+IOS|六款高评分手机阅读APP,正版免费看全网才香。...
- 信息收集——绕过CDN查找真实IP(最实用的方法)
- 第6讲(游戏列表与房间列表的挂接配置)