<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)
}
);
代码在上面,发现下面那个hover方法不起作用
我试着放入
v-on:mouseenter="enter" v-on:mouseleave="leave"
效果总是不尽人意
不知道大家有没有碰到过这种情况,可以讨论一下,总觉得是有解决办法的
(PS:这代码格式化我也是醉了……)
用了vue就抛弃jquery吧,不然以后代码还是很乱。直接在对应dom直接绑定对应方法就可以的,参考click事件。
一周热门 更多>