在vue中使用velocity.js动画,怎么执行链式动画???

Sven
  • 542

问题描述

我在vue中引入了velocity.js动画,其中velocity.js文档中说可以使用链式动画,就像下面这样

clipboard.png

问题出现的环境背景及自己尝试过哪些方法

我在vue中像这样去使用,却报错了
vue.esm.js?3153:1741 TypeError: this.$refs.rect.velocity is not a function

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

`

<div class="rect" ref="rect"></div>

`

`
mounted() {

this.$refs.rect.velocity({left: 200 }, { duration: 500 }).velocity("reverse", { duration: 2000 });

}
`

你期待的结果是什么?实际看到的错误信息又是什么?

回复
阅读 2.1k
1 个回答
ksyy2000
  • 2
新手上路,请多包涵

因为你没有引入jq 这是jq的写法 建议看看velocity的文档。
无jq的情况下写法:
Velocity(this.$refs.rect, {left: 200 }, { duration: 500 })
第一个V注意大写

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

宣传栏