vue中在方法中跳转的几个方式

原创 71阅读 · 时间2019年7月9日 16:53

直接跳转

this.$router.push({path:'/login/'})


重定向跳转

import router from '../router' // 引入您的router文件

this.$router.replace({
    // 重定向地址
    path: '/login/',
    // 登陆后跳转的地址(当前页面路由)
    query: {redirect: router.currentRoute.fullPath}
});


3秒后跳转页面,或x秒后其他操作

<script>
    export default {
        data(){
            return {
                count:"",//倒计时
                }
            },
        methods:{
            // 3秒跳转页面
            threeGo(){
                const TIME_COUNT = 3;
                if(!this.timer){
                    this.count = TIME_COUNT;
                    this.show = false;
                    this.timer = setInterval(()=>{
                        if(this.count > 0 && this.count <= TIME_COUNT){
                            this.count--;
                        }else{
                            this.show = true;
                            clearInterval(this.timer);
                            this.timer = null;
                            //跳转的页面写在此处
                            this.$router.push({
                                path: '/'
                            });
                        }
                    },1000)
                }
            },
        }
    },



评论

本站升级中... 如有好的建议请加入QQ群!

相关文章推荐 ?
近七日热文推荐 !
回到顶部