マイクロ信ウィジェットは、配列またはオブジェクトの属性値を動的に変更します.

配列またはオブジェクトのプロパティ値を動的に変更する

wxml

<view wx:for="{{list}}" wx:key="{{item.id}}">
  <view bindtap='select' data-id="{{item.id}}" class="view1 {{item.selected?'active': ''}}">{{item.name}}</view>
</view>

js

data:{
 list:[{id: 1, name:'  ', selected:false}， {id: 2, name: '  ', selected:false}]
 
 select(e){
   let that = this
   let id = e.currentTarget.dataset.id
   let arr = that.data.list
   arr.forEach((item, index) =>{
     var temp= "list["+ index + "].selected";
     this.setData({
       [temp]: " "
     })
     if(item.id == id) {
	   var temp= "list[" + index + "].selected"
	   this.setData({
	   [temp]: "true"
	   })
    }
 }
}