vue 遍历循环鼠标移入移出事件

<div v-for="(item, index) in list"><span @mouseenter="enter(index)" @mouseleave="leave()">{{item.name}}</span><a-button v-if="seen&&index==current" >删除</a-button></div>

export default {data(){return{list:[{name:'张三'},{name:'李四'}],seen:false,current:0}},methods:{enter(index){this.seen = true;this.current = index;},leave(){this.seen = false;this.current = null;}}}