微信小程序怎么实现每次点击一下按钮显示一个数组里的元素啊???

求教微信小程序如何实现在每次点击一下按钮显示一个数组里的元素

1个回答

<view>{{text}}</view>
{
data:{
    array:[1,2,3,4],
    index:-1,
    text:''
},
click(){
     this.setData({text:this.data.array[++this.data.index]});
}
}
qq_35955916
程序员的键盘 回复qq_16262621: , click(){ this.setData({text:this.data.array[++this.data.index]}); if(this.data.index==this.data.array.length-1)this.setData({index:-1});}
7 个月之前 回复
qq_16262621
qq_16262621 如果想循环地显示呢?就是执行到最后一个时,再次点击就重头再来
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

微信小程序,如何把数组中的广州单独显示出来呢!求大神解答,谢谢

![图片说明](https://img-ask.csdn.net/upload/201810/20/1540037372_249058.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540037386_697805.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540037395_846.png) 微信小程序,如何把数组中的广州单独显示出来呢!求大神解答,谢谢

微信小程序全局数组怎么监听

我现在在做一个即时通信的微信小程序,需要监听全局数组的改变 查过很多都不行,寻求大佬帮助。 下面是我接收到消息的数组代码 ``` initEventHandle() { var that = this wx.onSocketMessage(function(res) { console.log("传入的原数据:"); console.log(res); var jsonStr = JSON.parse(res.data) jsonStr["youSend"] = false jsonStr["read"] = false if (jsonStr.messageType != 1 && jsonStr.messageType != 2 && jsonStr.messageType != 3) { innerAudioContext.play() var message = { fromusername: null, list: [] } let messageList = that.globalData.MessageList var indexof = -1 for (var i = 0; i < messageList.length; i++) { var a = messageList[i] if (a.hasOwnProperty("fromusername")) { if(a.fromusername == jsonStr.fromusername) { indexof = i } } } if (indexof == -1) { message.fromusername = jsonStr.fromusername message.list.push(jsonStr) message["lastMessage"] = 0 that.globalData.MessageList.push(message) } else { that.globalData.MessageList[indexof].lastMessage = that.globalData.MessageList[indexof].list.length that.globalData.MessageList[indexof].list.push(jsonStr) } console.log(that.globalData.MessageList) } }) wx.onSocketOpen(() => { console.log('WebSocket连接打开') }) wx.onSocketError((res) => { wx.showToast({ icon:"none", title: '连接失败!', duration:2000 }) console.log('WebSocket连接打开失败') }) wx.onSocketClose((res) => { console.log('WebSocket 已关闭!') }) }, ``` 接收到消息后数组内容 ```json { 0: fromusername:"789", lastMessage:0, list:Array(1) 0: fromusername:"789", messageType:4, read:false, sendtime:"2020-01-30 14:48", testMessage:"test1", time:"14:48", tousername:"123", youSend:false } ```

原生微信小程序的图片上边怎样添加一个按钮

原生微信小程序的图片上边怎样添加一个按钮 ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565147863_485588.jpg) 这是一个图片,钻展广告是一个按钮,放在图片上边的。

微信小程序渲染,数组怎么单独渲染出来。

![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030083_955216.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030095_430063.png) ![图片说明](https://img-ask.csdn.net/upload/201810/20/1540030112_790861.png) 微信小程序渲染,数组怎么单独渲染foo出来。

请问微信小程序中的数组怎么样实现查询其中的元素呢

加入有这样一个数组 根据id查找text和根据text查找id 请问这样的功能如何实现 小程序里面没有哈希表这样的容器 实在不知道怎样是好 代码如下 ``` resultset: [{id:1,text:"aaa"},{id:2,text:"bbb"}, {id: 3,text: 'ccc'}, {id: 4,text: 'f' }], ``` 以及我尝试个查询功能并没有成功 ``` var resultSet =this.data.resultset const length = resultSet.length var val = this.data.inputValue if(val){ console.log(val) for(let i =0;i<=length;i++){ //console.log(resultSet[i]) if(val == resultSet[i].id){ console.lo("找到了") var result = this.data.resultSet[i].id console.log("结果是"+result) } else{ console.log("没找到结果") } } ``` 希望有大神能帮忙指点一二 感谢

Java后台返回数组给微信小程序前台

response怎么返回数组List呢? 在前台怎么接收数组 并显示在界面

请问大神微信小程序生成Excel浏览

请问各位大神微信小程序里用户点击按钮把指定内容生成Excel并自动打开浏览如何实现的,后台是php ,linux服务器,还有微信小程序二维码签到的功能实现。

[求助]微信小程序二维数组在wxml中列表渲染

js页面中的赋值 hkmxsz [5] 0 [6] 0 : 2019-05-21 1 : 星期二 2 : 家电 3 :早9晚5 4 : 537 5 : 5722 1 [6] 2 [6] 3 [6] 4 [6] 在wxml在列表展示出来: ``` <block wx:for="{{hkmxsz}}" wx:key='id1'> <van-row gutter="5"> <block wx:for="{{item}}" wx:key='id2'> <van-col span="4"> {{item}}</van-col> </block> </van-row> </block> ``` 但我想指定下标,就是不想全部展示item数据,有什么办法

微信小程序:for循环,无法把A数组中的元素赋值给B数组

如题,循环之后输出数组B,是一个空数组,请问是哪里出问题了呢? var A = cloudFilePaths;//A是一个数组 var B=[]; for(let j=0;j<B.length;j++){ B[j]=A[j]; } console.log("B", B)

微信小程序搜索功能怎么实现?

正在做一个微信小程序,想添加一个搜索功能,该怎么实现呢?搜索的内容要放到数据库里吗?最好有个案例学习学习。

微信小程序给自定义组件传递数组 显示为空

* 使用组件,并传值 ``` <dialog orderlists="[{count:1},{count:2}]" mount="3"> </dialog> ``` * 接受传过来的值 * ``` // components/dialog/dialog.js Component({ properties:{ orderlists:Array, mount:String }, ready(){ console.log(this.data.orderlists); console.log(this.data.mount); }, }) ``` 结果输出的值为 [ ] 3 请问各位大神 该怎么解决?

微信小程序返回按钮事件监听可以做到吗?

最近在做微信小程序,有个需求要求点击返回按钮时返回到指定页面。 查了多遍官方文档,没有提供该接口,网上搜索也搜索不到相关问答, 不知道这里有没有大神知道的,有的话告诉我下能不能实现,谢谢了

微信小程序实现pdf预览思路

个人微信认证小程序,无法嵌入html网页。那这样子的话怎么实现微信小程序预览pdf呢? 请教大神

微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊

微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊

微信小程序实现视频录制

求一份微信小程序实现视屏录制的代码啊,光前端也行,有后端那就更好了,后端最好是java开发的

微信小程序,多个view绑定相同点击事件,如何绑定当前view??

微信小程序,多个view绑定相同点击事件,如何让点击的view执行点击事件,其它的view不执行点击事件??

微信小程序点击按钮不跳转页面怎么办?

![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082459_963555.png) css文件 ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082483_129620.png) js ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082497_377786.png) 我的目录 就是不跳转,换了negative,wx.switchTab,都不行,也注册过了

微信小程序中的循环列表,怎么才能在点击时改变当前项的背景颜色

微信小程序循环出来的列表,怎么才能在点击时改变当前项的背景颜色, 改变当前选项颜色同时恢复之前被改变的颜色,保证同时只能有一个选项被改变颜色

微信小程序TabBar点击后失去显示

这是现在的代码,运行后一开始能正常显示TabBar,但是点击别的TabBar中的按钮时整个TabBar都不显示了,在安卓上测试没有这个问题,ios上有这个问题.... { "pages": [ "pages/index/index", "pages/logs/logs", "pages/post/post", "pages/school/school", "pages/sale/sale", "pages/match/match", "pages/personal/personal", "pages/post_sale/post_sale", "pages/comment_sale/comment_sale", "pages/post_match/post_match", "pages/letter/letter", "pages/message/message", "pages/suggestion/suggestion", "pages/friends/friends", "pages/post_list/post_list", "pages/sale_list/sale_list", "pages/match_list/match_list", "pages/post_detail/post_detail", "pages/match_detail/match_detail", "pages/match_result/match_result", "pages/compare_face/face", "pages/topic_comment/topic_comment", "pages/topic_detail/topic_detail", "pages/help/help", "pages/post_help/post_help", "pages/help_detail/help_detail", "pages/set_profile/set_profile", "pages/comment_mission/comment_mission", "pages/help_single/help_single" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#66CDAA", "navigationBarTitleText": "天大仁爱表白墙", "navigationBarTextStyle": "white" }, "tabBar": { "color": "#515151", "selectedColor": "#66CDAA", "borderStyle": "black", "backgroundColor": "#ffffff", "list": [ { "pagePath": "pages/index/index", "iconPath": "image/saylove.png", "selectedIconPath": "image/select-saylove.png", "text": "表白墙" }, { "pagePath": "pages/sale/sale", "iconPath": "image/sale.png", "selectedIconPath": "image/select-sale.png", "text": "卖舍友" }, { "pagePath": "pages/help/help", "iconPath": "image/help.png", "selectedIconPath": "image/select-help.png", "text": "悬赏令" }, { "pagePath": "pages/compare_face/face", "iconPath": "image/fall-in-love.png", "selectedIconPath": "image/select-fall-in-love.png", "text": "情侣脸" }, { "pagePath": "pages/personal/personal", "iconPath": "image/iam.png", "selectedIconPath": "image/select-iam.png", "text": "我的" } ] } }

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 局部 截图 页面 c#实现简单的文件管理器 c# where c# 取文件夹路径 c# 对比 当天 c# fir 滤波器 c# 和站 队列 c# txt 去空格 c#移除其他类事件 c# 自动截屏
立即提问