如何用for循环将微信小程序数组中的某个固定元素输出？

方法/步骤

在小程序中为了实现一个中添加多个内容重复的标签，那就需要使用循环。如果按小程序的简易教程，循环加在中，而放在里面。所有数据都会遍历到每一个中。这不是我们想要的。

请点击输入图片描述

在微信小程序中有个属性,是指当点击列表元素时当按下鼠标左键会显示样式,但是鼠标离开样式就会复原.

请点击输入图片描述

核心点：模板文件中使用三元运算符,通过dateCurrent指定当前item的id。

请点击输入图片描述

在组件上使用控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item 事例。

请点击输入图片描述

接着用在标签上，以渲染一个包含多节点的结构块。

请点击输入图片描述

接着只需要把放入文件中就可以，把循环数据绑定到上就可以了。

请点击输入图片描述

第一步，把要改变样式添加到相应js文件的全局变量中，如： data : { color : '#000' }

第二步，将变量绑定到view中,如：<view style="color:{{color}}">

第三步，在view中添加事件，如： bindtap="changeColor"

第四步，在相应js文件中添加该自定义方法：

, changeColor: function(e){

this.setData({ color : '#fff' })

}

---