如何获取微信小程序中动态渲染的列表中的某一个数据

动态循环中的列表可以通过index来获取

通过下标（index）来获取

wxml

//wxml<blockwx:for="{{list}}"wx:key="{{id}}"data-index="{{index}}"bindtap="getInfrom"><input type="number" value="{{item.id}}"><text>{{item.name}}</text></block>

js

//jspage({data:{list:[{name:"张三",id：""},{name:"李四",id：""},  {name:"王五",id：""},]}，getInfrom(e){//点击的下标let index = e.currentTarget.dataset.index//点击的某一项const clickItem = `list[${e.target.dataset.index}.id]`//给点击的哪一项赋值this.setDate({clickItem : e.detail.value})}})

如何获取微信小程序中动态渲染的列表中的某一个数据相关推荐

微信小程序的页面渲染（if/for）
下面,粗略的介绍一下微信小程序的条件渲染.列表渲染.数据绑定等,详细的内容大家可以去看微信小程序的API,在此只做简单描述,希望能帮助到大家条件渲染  <vi ...
微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...
微信小程序view动态长度_微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】...
本文实例讲述了微信小程序实现动态改变view标签宽度和高度的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 index.wxml文件 >我是view标签,我现在的宽度是{{v ...
微信小程序的动态表单，实现房屋租赁的多租客录入
0 前言本文将介绍如何使用微信小程序编写动态表单,最终实现房屋租赁系统中多租客录入的业务. 在阅读本文前,您需要对微信小程序的开发有一个初步的了解,以便更容易的学会开发动态表单. 作者主页:Desi ...
微信小程序转发动态消息的问题
最近项目中需要用到微信小程序转发动态消息的功能,遇到了一些坑,最终测试成功了,现在分享给大家. 微信官方的动态消息参考文档在这里:https://developers.weixin.qq.com/mi ...
微信小程序webview、渲染富文本
先说点题外话,本来是写在简书上面的文章,现在简书不支持发布了,只能在csdn上上传了.... WebView对于前端开发的小伙伴来讲肯定不陌生,功能是很轻大的,就是一个而普通的html界面.今天主要讲 ...
只需两步快速获取微信小程序源码
第一次在掘金这样高大上的社区写文章,忐忑地敲下我获取小程序源码过程中的经验分享. 最近在学习微信小程序开发,半个月学习下来,很想实战一下踩踩坑,于是就仿写了某个小程序的前端实现,过程一言难尽,差不多两 ...
获取微信小程序右上角胶囊的位置
获取微信小程序右上角胶囊的位置微信中有一个api是用来获取胶囊的位置以及其他信息的,这个可以在我们使用自定义的标题的时候避开这个位置,或者自己写点什么东西 ,要和胶囊对齐的 api wx.getMe ...

如何获取微信小程序中动态渲染的列表中的某一个数据

通过下标（index）来获取

wxml

js

如何获取微信小程序中动态渲染的列表中的某一个数据相关推荐

最新文章

热门文章