pic++:只执行一次,打印了1.然后定时器一下子全部执行完了,还有什么要把方法写在mounted里面。而不是在created里面,如果写在created会报错,钩子错误,然后元素获取不到
请输入代码
export function animate(elem, target) {
var leader,
step,
surplus;
if (elem.time) {
clearInterval(elem.time);
}
elem.time = setInterval(function () {
//当前盒子距离左边的距离
leader = elem.offsetLeft;
step = 10;
//预定距离小于设定距离
if (target < leader) {
step = -step;
}
//剩余距离
surplus = Math.abs(target - leader);
//判断剩余距离和设定距离
if (surplus >= Math.abs(step)) {
leader = leader + step;
elem.style.left = leader + 'px';
} else {
//到达终点清除定时器
clearInterval(elem.time);
elem.style.left = target + 'px';
}
}, 16);
}
请输入代码
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
created中只是成了dom字符串并没有挂在到目标元素中,这时候操作dom是找不到的?
mounted中dom字符串已经插入到目标元素中, 可以操作dom
https://cn.vuejs.org/v2/guide...生命周期图示