小程序for循环绑定每组数据的id,并通过id获取里面某个数组的值的方法

<block wx:for="{{nums}}" wx:for-index=‘key‘ wx:for-item=‘item‘>

  <view class="maxbox"  bindtap="imgchange"  id="{{key}}">
    <text class="nums">{{item.num}}</text>
  </view>

</block>

Page({
    data: {
      nums:[
        {num:11},
        {num:22}
      ]
    },
    imgchange: function (event) {
      //获取当前item的下标id  通过currentTarget.id
      var id = event.currentTarget.id;
        console.log(id);
      var nums = this.data.nums[id].num;
      console.log(nums);

    },
})

原文地址:https://www.cnblogs.com/wcLT/p/9057034.html

时间: 2024-11-13 01:13:33

小程序for循环绑定每组数据的id,并通过id获取里面某个数组的值的方法的相关文章

微信小程序结合后台数据管理实现商品数据的动态展示、维护

微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据管理实现商品数据的动态展示.维护,介绍如何实现商品数据在后台管理系统中的维护管理,并通过小程序的请求Web API 平台获取JSON数据在小程序界面上进行动态展示. 1.整体性的架构设计 我们整体性的架构设计,包含一个Web管理后台.一个Web API统一接口层.当然还有数据库什么,另外还有一个小程序客户端.整个架构体系还是以我之前随笔介绍的<整合微信小程序的Web API接口层的架

Python小程序,读取ACCESS数据库,然后list数据

曾经做过的一个Python小程序,读取ACCESS数据库,然后list数据 # -*- coding: cp936 -*-import wximport wx.libimport sys,glob,randomimport win32com.clientreload(sys)sys.setdefaultencoding('utf-8')class DemoFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self,None,-1,u"安

微信小程序通过api接口将json数据展现到小程序示例

实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信小程序端上. 那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程序上. 1.用到的知识点 <1> wx.request 请求接口资源(微信小程序api中的发起请求部分) <2>swiper 实现轮播图的组件 <3>wx:for 循环语句 <4>微信小程序的基础知识 2.实现原理 首先,先看一下这个请求函数 wx.request({ url: '******',

小程序-for循环

微信小程序的在wxml的for循环和angularjs的循环方式相差不多,格式为:<view wx:for="循环体">{{index}}     {{list}} </view> 这里的list是循环体里的数据的固定名称,index为循环数据的索引值即下标值的固定名称 如果是嵌套循环,很容易出现多个list和index,所以在小程序中可以重命名 list 和index  方法为:wx:for-index='重命名' wx:for-list="重命名&

关于小程序开发者和体验者的数据请求问题

微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat配置好了https.然后用开发者工具测试是否能请求到数据,发现能获取到很开心. 后来是注册了小程序,在小程序后台也进行了设置,见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下,在开发小程序时尽量把图片放到自己的服务器上,因为小程序在上传和预览时都有编译包的限制,没有算过,大概是1M,不知道以后会不会增加 点预览会生成一个二维码,通过微信

【微信小程序】开发实战 之 本地数据缓存API

每个小程序都可以有自己的本地缓存,可以通过数据缓存的API实现对本地缓存进行设置.获取和清理.本地缓存最大为10M. 设置本地缓存 1?wx.setStorage(OBJECT) 该接口是异步接口,用于将数据存储在本地缓存中指定的key中.会覆盖掉该key对应的原来的内容. 该接口参数: 参数key,     string类型,         必填项,本地缓存中指定的key. 参数data,   object/string类型,必填项,需要存储的内容. 参数success,fail,compl

微信小程序要调数据 微信小程序 for 循环详解

现在要完成这样的效果: 我的代码是: <view class="l-setlist clr" > <template name="listab"> <image src="{{pic}}" class="fl setpic"></image> <view class="fr"> <view class="listbox"&

总结一下微信小程序中父子兄弟组件传递数据

常规的这种写法就是父组件在向子组件传递数据 子组件向父组件传递数据主要通过监听事件 比如like点赞功能触发了一个like事件 父组件通过绑定like事件来监听 对应事件: 原文地址:https://www.cnblogs.com/rmty/p/10914342.html

几个python小程序 交互 循环

#已知某人死亡年龄,根据输入的现在年龄推算出还能活多少年. death_age=80 name=input("此人姓名:") age=input("此人现在的年龄:") print(name+"还能活"+str(80-int(age))+"年!") #一次机会猜幸运数字 lucky_number=60 guess_number=int(input("给你一次机会猜猜这个幸运数字是多少:")) if gues