问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue改变refs的style做动画没有效果

头像
大瓜皮
    225124967

    我在网上看别人代码做动画效果的时候，别人都可以利用ref直接this.$refs.a.style.transfrom = "translate(a,b)"改变元素的style来做动画效果，但是我也同样使用却没有效果，我写好一个有动画的class用：class添加却又效果，请问我是哪里出问题了，是我写错了吗

    javascriptvue.jshtml5
    阅读 7.6k
    2 个回答
    得票最新
    头像
    icheer
      3128

      translate里的变量a和b是你定义的,怎么能包在双引号里传嘞?

      this.$refs.a.style.transfrom = "translate("+a+"px,"+b+"px)";

      我猜你应该这样写才对, 不过ref直接操作dom这种方法我觉得迫不得已才会用, 一般不应该是:class来做动画么? 或者用:style="...."

      clipboard.png

      头像
      梁天睿
        3251514

        vue自己就有动画啊

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题