小程序开发 您所在的位置:网站首页 小程序data数组全部赋值为0 小程序开发

小程序开发

2023-11-06 21:33| 来源: 网络整理| 查看: 265

    最近开始自己琢磨开发微信小程序,遇到些问题,现在做一下总结。

    今天有遇到一个需要获取到列表中某一项值,并在其他地方调用的问题。其实思路和获取列表索引的道理一样。如果你还不知道如何获取列表的索引,那么现在我先给大家介绍一下:

    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 实验室设备网 版权所有