vue change阻止默认事件-已解决

背景：复选框内部有个数量增减选项，并且两个都是change事件。当触发内部数量增减事件时，外部的复选change事件也会触发，体验很不好。

使用事件   @click.stop.native.prevent 解决  (使用 @click.stop 或者  @click.prevent都无效，直接报错还阻止不了事件)

group
                    v-model="checked_list"
                    @click.stop
                    @change=checkedFn>
                for="(item,index) in listData" :label="index" :key="index" class="checkbox_shop_car">
                    
class="shop_list">
                        
props_name:{{item.props_name}}
                        
类型:{{item.name_suffix}}
                        
数量:
                            "mini" v-model="item.number"
                                             @change="handleChange(item)" :min="1" @click.stop.native.prevent>
                        
                    
                    
"deleteFn(item.id)" class="delete_icon">×
                
            

效果

图中绿色框和橙色框的change事件不会互相干扰，解决。。