vue实现几秒后跳转新页面demo示例（整理）

知秋~

已于 2023-03-30 15:33:38 修改

阅读量1.6w

点赞数 7

文章标签： vue实现几秒后跳转新页面跳转新页面几秒后跳转

于 2019-04-20 13:10:52 首次发布

本文链接：https://blog.csdn.net/qq_38881495/article/details/89416104

版权

<template>
	<div @click="clickJump()">提交</div>
</template>
<script>
	export default {
		data() {
			return {
				count: "", //倒计时
			}
		},
		mounted() {

		},
		methods: {
			//几秒后进入跳转页面
			clickJump() {
				const timejump = 1;
				if (!this.timer) {
					this.count = timejump;
					this.show = false;
					this.timer = setInterval(() => {
						if (this.count > 0 && this.count <= timejump) {
							this.count--;
						} else {
							this.show = true;
							clearInterval(this.timer);
							this.timer = null;
							//跳转的页面写在此处
							this.$router.push({
								path: '/address'
							});
						}
					}, 100)
				}
			},
		}
	}
</script>