首页 > 其他 > 详细

Vue自动跳转另一个界面

时间:2021-05-08 16:22:17      阅读:23      评论:0      收藏:0      [点我收藏+]
<template>
<div class = "hello">
<h1>{{msg}}</h1>
<span id ="num">{{count}}</span>秒后跳转到登录界面
</div>
</template>

<script>
export default {
name: "Hello",
data () {
return {
msg:‘欢迎进入教育机构访客系统‘,
count:" "//倒计时
}
},
created() {
this.ClickJump()
},
methods: {
//跳转界面
ClickJump(){
const timejump = 3;
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: ‘Login‘});
}
},1000)
}
},
}
}
</script>

<style scoped>

</style>

Vue自动跳转另一个界面

原文:https://www.cnblogs.com/Emma8415/p/14744508.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!