我想用v-on:mouseenter和on:mouseleave写一个鼠标移入就显示已经隐藏的大图片该怎么写？

Question

我想用v-on:mouseenter和on:mouseleave写一个鼠标移入就显示已经隐藏的大图片：如下

<div class="mer-one" @mouseenter="method" @mouseleave="method2">
                    <img class="mini-one" src="../../assets/image/merchant/mer-logo.png" alt="" >
                    <img class="big-one" src="../../assets/image/merchant/mer-logo.png" alt="" >
                </div>
                
                

Answer 1

ok
很好很简单 呸！~

Answer 2

何必用js写呢，直接css hover就可以搞定了

/* Less */
.mer-one{
    .big-one{
          display:none;
        }
    .mini-one{
           display: block;
        }
    &:hover{
        .big-one{
            display: block;
        }
        .mini-one{
            display: none;
        }
    }
}

还有更简洁的就是更换background-image: url();
能用CSS绝不用JS！