小程序获取列表的下标

wxml获取：wx:for-index="index"

<block wx:for="{{listData}}"   wx:for-index="index"  ><view class="td XH" style="width: 100rpx;"> {{index+1}}</view>

js获取：data-index='{{index}}'


<block wx:for='{{items}}'><view class='cell' data-index='{{index}}' bindtap='click_anniu'>{{item.value}}</view></block>

Page({data: {items: [{ name: 'USA', value: '美国' },{ name: 'CHN', value: '中国', checked: 'true' },{ name: 'BRA', value: '巴西' },{ name: 'JPN', value: '日本' },{ name: 'ENG', value: '英国' },{ name: 'TUR', value: '法国' },]},click_anniu: function (e) {let index = e.currentTarget.dataset.index;console.log("index----->" + JSON.stringify(index));}
})

小程序获取列表的下标相关推荐

图解微信小程序---获取电影列表
图解微信小程序---获取电影列表代码笔记 list跳转第一步:编写前端页面获取相关的电影列表参数(对于显示参数不熟悉,可以先写js,通过console Log的方式获取我们电影的相关数据字段,后 ...
微信小程序获取并展示公众号推文
微信小程序获取并展示公众号推文获取公众号access_token(开发环境) IP白名单设置获取access_token 小程序前端展示素材导入云数据库云函数读取展示注:笔者是小程序菜鸟,代 ...
微信小程序获取unionid为空
微信小程序获取unionid为空原因:未绑定微信开放平台绑定步骤原因:未绑定微信开放平台最新在调试一个新的微信小程序,因为要对web授权登录.app授权登录.小程序授权登录:几种登录场景根据u ...
小程序获取用户地址信息api
小程序获取用户地址信息api 前台部分 <view class="address-wraper"><view bindtap="chooseAddres ...
微信小程序获取当前所在城市（地区定位与切换）
小程序地区定位与切换添加链接描述添加链接描述添加链接描述 <text class="chengshi">{{citynames}}</text>< ...
小程序获取当前进页面的来源
前言: 小程序获取当前进页面的来源,wx.getLaunchOptionsSync() 官方资料:wx.getLaunchOptionsSync() 获取小程序启动时的参数.与 App.onLaunc ...
微信小程序新闻列表详情页
微信小程序新闻列表详情页不忘初心,方得始终.初心易得,始终难守首先创建 post-detail 文件夹,创建四种文件. 修改 post.wxml 文件代码,给每个新闻块添加一个点击事件.并且我们要 ...
钉钉小程序获取用户信息
钉钉小程序获取用户信息 1.钉钉小程序只允许开发办公类的程序,不能开发娱乐型的程序. 2.钉钉小程序审核需要产品说明书,最大大小不能超过30M(文档). 3.貌似可以用IP,暂时没有看到有关https ...
【微信小程序】微信小程序获取当日以后的时间日期天数、星期
在微信小程序或者web项目中经常用到需要获取当前时间往后多少天并显示日期含星期几的需求,现在优化为只调用一个js函数,只需调用getDates(days)函数,传入需要显示多少天日期,即返回一个携带日 ...

小程序获取列表的下标

小程序获取列表的下标相关推荐

最新文章

热门文章