效果如下
image.png
上代码
html代码
<h2>
<span style="color: #1890FF"> {{ time }} </span
>秒后自动跳转
</h2>
data() {
return {
// 初始化0
time: 0,
};
},
methods: {
// 封装一个方法
countDown() {
let THIS = this;
THIS.time--;
},
},
mounted() {
let THIS = this;
// 把time改为5
THIS.time = 5;
// 设定一个定时器，每一秒调用一次coundDown方法，time-1
setInterval(THIS.countDown, 1000);
},
watch: {
// 监听time的值
time: function (newVal) {
if (newVal == 0) {
this.$router.push("/login");
}
},
},
};
