vue router 相同组件跳转

左森

于 2019-02-18 14:42:27 发布

阅读量988

点赞数 2

文章标签：相同组件跳转

本文链接：https://blog.csdn.net/qq719756146/article/details/87620068

版权

vue-router 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

// methods
            scrollTop() {
            // 回到顶部
                var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
                var setI = setInterval(() => {
                    scrollTop = scrollTop - scrollTop / 10;
                    window.scrollTo(0, scrollTop);
                    // console.log(scrollTop);
                    if (scrollTop <= 1) {
                        clearInterval(setI)
                    }
                }, 10);
            },
            pushInfo(tbId) {
            //点击跳转按钮
                this.scrollTop()
                sessionStorage.setItem('foodDealId', tbId);
                this.$router.push({
                    path: "/foodDeal/info",
                    query: {
                        id: tbId
                    }
                })
            },

        watch: {
        // 监听路由变化获取数据
            '$route.query.id': function(id) {
                sessionStorage.setItem('foodDealId', id);
                this.getServer()
            }
        },