小程序开发 | 您所在的位置:网站首页 › 小程序data数组全部赋值为0 › 小程序开发 |
最近开始自己琢磨开发微信小程序,遇到些问题,现在做一下总结。 今天有遇到一个需要获取到列表中某一项值,并在其他地方调用的问题。其实思路和获取列表索引的道理一样。如果你还不知道如何获取列表的索引,那么现在我先给大家介绍一下: 1. 大家都知道小程序的.wxss文件类似于css文件,主要用于处理视图的样式。所以,第一步,我们在.wxss文件中先随意写上一个样式,如下所示: .a{ width: 100%; background-color: #fff; margin-top: 20rpx; } 这些就简单定义了一下视图出来的样式,具体样式由自己来定。 2. 大家都知道小程序里的.js文件,主要用于书写一些变量或则功能,所以,第二步,我们在.js文件中定义一个索引变量,如下所示: var idx var taskList page({ data:{ idx: 0, taskList: ["A","B"], }, selectIdx: function(e){ idx= e.currentTarget.dataset.idx; this.setData({ idx, }) console.log(idx) console.log(e.currentTarget.dataset.idx) }, })idx 是我定义的索引;taskList是我模拟的列表;selectIdx是我自己写的一个功能函数,来读取获取的索引。 3. 大家都知道小程序里的.wxml类似于网页端的html文件,主要用于处理一些页面显示的视图。所以,第三步,我们在.wxml里面开始处理UI,具体如下: |
CopyRight 2018-2019 实验室设备网 版权所有 |