微信小程序开发icon组件绑定的点击事件不能正常反应
问题相关代码,请勿粘贴截图
wxml文件
<view wx:for="{{list}}" wx:key="inedx" class="list" >
<view class="item">
<view class="circle">
<icon wx:if="{{item.selected}}" data-index="{{index}}" bindtap="selectList" type="success" color="#fff" ></icon>
<icon wx:else type="circle" bindtap="selectList" color="#fff"></icon>
</view>
<view class="content">
<view class="title">{{item.title}}</view>
<view class="subtitle">已坚持{{item.days}}天</view>
</view>
<!-- <view class="remove">删除</view> -->
</view>
<view class="item2" bindtap="touchSkip">
<image src="{{item.pic}}"></image>
</view>
</view>
js文件点击事件
selectList:function (e) {
var index=e.currentTarget.dataset.index;
var list=this.data.list;
var selected=list[index].selected;
list[index].selected= !selected;
this.setData({
list:list
})
}
js文件data
list:[
{
id:1,
selected:false,
pic:"../../images/2.jpg",
title:"运动",
days:"0",
},
{
id:2,
selected:false,
pic:"../../images/3.jpg",
title:"多喝水",
days:"0",
},
{
id:3,
selected:false,
pic:"../../images/4.jpg",
title:"早睡",
days:"0",
}
]
运行结果及报错内容
尝试了一下把list内容selected初始属性都改为true,运行后可以正常点击一次变为非选中状态。但是反向操作不行。
selected只能由true变为false不能由false变为true,求解!