v-for点击事件后页面无法重新渲染

<template>
<view class="content">

    <view v-for="(item,index) in dataList" :key="index">  
        <view style="display: flex;   
        align-items:center;">  
            <text>{{item.name}}</text>  
            <view style="margin-left: 30rpx;" @tap="itemclick(index)">  
                <image style="width: 32rpx;height: 32rpx;" :src="item.check?'../../static/img/select.png':'../../static/img/unselect.png'">  

                </image>  
            </view>  

        </view>  
    </view>  

</view>  

</template>

<script>
export default {

    data() {  
        return {  
            dataList: []  
        }  
    },  
    methods: {  
        itemclick(index) {  
            this.dataList[index].check = !this.dataList[index].check  

        }  
    },  
    onLoad() {  
        for (let i = 0; i < 3; i++) {  
            let dataItem = {}  
            dataItem.name = "name" + i  
            dataItem.check = false  
            this.dataList[i] = dataItem  
        }  
    }  
}  

</script>

<style>

</style>