为了账号安全,请及时绑定邮箱和手机立即绑定

在vue中,jquery css方法不生效?

在vue中,jquery css方法不生效?

万千封印 2018-07-03 15:01:03
<div class="project-card even" @click="project(1)">   <p class="project-name">project2</p>   <div class="project-content">       <p>xxxxxxxxxxxxxxxxxxxxx</p>       <span @click="closeProject(1)">返回</span>    </div></div>      closeProject:function (index) {        $('.project-card').eq(index).css({          'height':'100px',        })        console.log($('.project-card').eq(index).css('height'))      },      project:function (index) {        $('.project-card').eq(index).css({          'height':'100%'        })        $('.scroll').animate({          scrollTop:document.getElementsByClassName('project-card')[index].offsetTop        });           },代码如上,closeProject方法无法修改height高度为100px,为什么?,打印出的高度还是为原来的高度
查看完整描述

4 回答

?
茅侃侃

TA贡献1842条经验 获得超21个赞

我猜应该是 height: 100% 的问题,你有设置 body 的高度为 100% 吗

查看完整回答
反对 回复 2018-07-12
?
凤凰求蛊

TA贡献1825条经验 获得超4个赞

用vue就不要用jquery,或许你对jquery很熟,但是你用vue就应该用vue的方法去做,动画的话vue也有对应的方法和标签,还有es6已经出来几年了,是时候改变你的编码方式了。(个人建议)

查看完整回答
反对 回复 2018-07-12
?
婷婷同学_

TA贡献1844条经验 获得超8个赞

因为你点击了span触发了closeProject方法,但是又冒泡触发了project方法,
在span的click事件上加上.stop即可

<span @click.stop="closeProject(1)">返回</span>


查看完整回答
反对 回复 2018-07-12
  • 4 回答
  • 0 关注
  • 1471 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信