微信小程序怎么给for循环的view点击时添加样式

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

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

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

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

, changeColor: function(e){

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

}

Tarok可能不太了解，可以参考以下代码为正常微信小程序：

index.wxml：

<view style="background:{{bgcolor}}height:100rpxwidth:100%" 

bindtap="changecolor">......</view>

index.js:

const app = getApp()

Page({  

  data: {

    bgcolor: "green"        

  },

  onLoad: function(){

    

  },

  changecolor:function(){

    this.setData({

        bgcolor:"red",

    })

  }

})

点击view变红色

谢谢采纳

---