vue循环列表,hover不起作用 财富值17

2016-10-12 23:08发布

<li class="list-group-item"v-for="data in list">

<div  class="dask">     <button  class="btn btn-primary"  style="margin-left: 20px;">     编辑</button>     <button class="btn btn btn-warning">删除</button> </div>

</li>

$(".list-group-item").hover(
function () {
$(this).find(".dask").stop().delay(50).animate({"top":0,opacity:0.5},300)
},
function () {

$(this).find(".dask").stop().animate({"top":-200,opacity:0},300)

}
);

  1. 代码在上面,发现下面那个hover方法不起作用

我试着放入

v-on:mouseenter="enter" v-on:mouseleave="leave"

效果总是不尽人意

不知道大家有没有碰到过这种情况,可以讨论一下,总觉得是有解决办法的
(PS:这代码格式化我也是醉了……)