vue.js自动交换两个div的位置

时间:2024-04-05 08:46:59

1、在项目需求中,有这么一个需求,在三个div中交换第一个div和第三个div的位置,中间的div位置保持不变。
vue.js自动交换两个div的位置
2、上图的效果是使用jQuery去实现的,遗憾的是vue.js中不能直接引用jQuery的方法,即使引用了也显得很不专业,所以借鉴jQuery的方法让vue.js实现类似的功能。
以下是jQuery交换div位置的核心代码:
vue.js自动交换两个div的位置
3、使用vue.js实现div的位置轮换
vue.js自动交换两个div的位置
此处的#divScore1代表着div的id属性值。