icon图标点击事件无反应

微信小程序开发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，求解！

我的解答思路和尝试过的方法
我想要达到的结果

没有index

img