微信小程序---for循环使用以及循环中的内容获取
来源:互联网 发布:如何摆脱贫穷知乎 编辑:程序博客网 时间:2024/05/13 07:48
for循环的使用
例如循环产生"投票"两个字,循环的次数取决于data中的lists数组内容的数量。例如下面的代码将循环两次。
Page({ data: { lists:[{},{}], },})<block wx:for="{{lists}}" wx:key="{{index}}"> <text data-id="{{index}}" bindtap="toVote">[投票]</text></block>
其中{{index}}从0开始,每次循环加一。
每一个循环中的内容获取
在循环中的标签中设置data-XX="XXX",设置点击函数或其他函数(这里设置bindtap='toVote'),js文件中的函数如下:
toVote: function(event){ var id = event.currentTarget.dataset.id;//使用event.currentTarget.dataset.XX获取内容 console.log(id);}
现在点击不同的循环,将在控制台输出该循环的内容。(这里点击两个"投票"将分别输出0,1)
阅读全文
0 0
- 微信小程序---for循环使用以及循环中的内容获取
- 微信小程序---获取循环输入框(input)中的内容
- 小程序点击获取循环列表中的内容
- javascript中的for in循环和for循环的使用
- javascript中的for in循环和for循环的使用
- javascript中的for in循环和for循环的使用
- javascript中的for in循环和for循环的使用
- javascript中的for in循环和for循环的使用
- javascript中的for in循环和for循环的使用
- 微信小程序wx:for循环
- 微信小程序循环:Wx:for
- 获取for循环中的索引值
- 使用dos 写bat时,使用for循环读取文件中的内容无任何显示
- 微信小程序开发之数据使用wx:for循环展示
- JS中continue在while循环、do-while循环以及for循环中的用法
- for循环在列表中的使用
- for循环程序练习
- java程序----for循环
- this关键字的内存图解
- 系统工具
- 数据库学习纪要(二十四):MySQL-4-ALTER语句
- hdu 4300 Clairewd’s message(KMP)
- windows编译64位openssl给64位java jni调用(vs2017)
- 微信小程序---for循环使用以及循环中的内容获取
- laravel新建一条命令
- scala.Predef$.$scope()Lscala/xml/TopScope$和not found: type Application异常
- 小鑫追女神
- java reflect包分析
- 创建对象做了哪些事情
- Laravel下Elasticsearch使用
- 58.Scala中Abstract Types实战详解
- Exponial Kattis