checkbox 复选框vip_checked 值变成了false，按道理勾选框应该为不勾选，但是显示的勾选状态还是选中状态

<checkbox-group @change="checkboxChange" name="limitarea" >  
    <label>  
        <checkbox value="1" :checked="vip_checked"/>   
    </label>  
</checkbox-group>   

checkboxChange: function(e){  
                var self = this;  
                if( e.detail.value.length > 0 ){//点击勾选   
                     self .vip_checked = false;  
                }   
            } 

checkbox 复选框vip_checked 值变成了false，按道理勾选框应该为不勾选，但是显示的勾选状态还是选中状态