Jquery 如何在Vue中重复移动元素？

使用jQuery反复向右移动元素很容易，每次我想这样做时，我可以称之为：

$('#element').css({left: '+=100'});

或者

$('#element').animate({
   left: '+=100'
}, 500);

---

我如何在Vue中执行类似操作，最好将值设置为变量并设置动画？

以下是一个关于如何实现转换和转换的有效解决方案：

---

转换完全是在CSS中完成的

转换：转换500毫秒轻松；

move

逻辑非常简单。使用

getBoundingClientRect（）

可能会使某些内容更具动态性，但此示例可以在许多方面进行改进，具体取决于您的目标

data（）{
返回{
水平偏移量：0，
垂直偏移：0，
}
},
方法：{
move（x=0，y=0）{//如果没有参数传递给'move'，则默认为0`
这是一个水平偏移量+=x*10
这是垂直偏移量+=y*10
//我们确实选择了带有“$refs”的元素，然后将其相应地转换为“data”`
this.$refs.element.style.transform=`translate（${this.horizontalpoffset}px，${this.verticalOffset}px）`
},
重置（）{
此值为0.horizontalOffset=0
此值为0.verticalOffset=0
这个动作
},
},

最后，我们确实需要一些基本的标记，我们可以给它们一些变量作为参数

向左移动

我的回答有帮助吗？