mouseover事件里使用防抖(debounce)

Question

现在代码如下
问题：还是会抖动

<div class="img" v-for="(itemSon,indexSon) in imgList" :key="indexSon">
                            <i class="el-icon-delete" v-if="indexSon===delIndex&&delIndexf===index"
                                @click="delBtn(item)"></i>
                            <el-image :showLoading="true" :src="itemSon" width="350rpx" height="200rpx"
                                @mouseenter="yr(index,indexSon)" @mouseleave="yc(indexSon)"></el-image>
                        </div>
.img{
                            width: auto;
                            height: auto;
                            margin: 0 0 25px 20px;
                            z-index: 999;
                            .el-icon-delete{
                                z-index: 1000;
                                cursor: pointer;
                                margin-bottom: 5px;
                            }
                        }
                        .img:hover{
                            padding: 12px;
                        }
//显示删除
            yr(index, indexSon) {
                this.enterEvent(index, indexSon)
            },
            enterEvent: debounce(function(index, indexSon) {
                let that = this
                that.delIndex = indexSon
                that.delIndexf = index
            }, 100),
            yc: debounce(function(index, indexSon) {
                let that = this
                this.delShow = false
            }, 100),