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:这代码格式化我也是醉了……)

1条回答
田鼠 - 这个人很懒,什么都没留下
1楼 · 2016-10-12 23:39.采纳回答

用了vue就抛弃jquery吧,不然以后代码还是很乱。直接在对应dom直接绑定对应方法就可以的,参考click事件。

一周热门 更多>