vue设置几秒后调用自定义方法

最新推荐文章于 2024-03-12 22:26:25 发布

原创最新推荐文章于 2024-03-12 22:26:25 发布 · 3.9k 阅读

3 ·

CC 4.0 BY-SA版权

vue+elementui 专栏收录该内容

60 篇文章

订阅专栏

本文介绍如何在Vue中设置定时器，让组件在几秒后自动执行自定义的方法，提升用户体验。通过使用Vue的生命周期钩子和JavaScript的setTimeout函数，我们可以实现延迟执行特定功能。

if(res.data.status === 0) {
	const secounds = 5
	let num = 0
	const timer = setInterval(() => {
		if(num < secounds) {
			num++
		}else {
			clearInterval(timer)
			alert('自定义函数在这里调用')
		}
	}, 1000)// 这里的时间不要忘记，否则没有效果
}