监听router控制滚动条

dbs5592

于 2017-11-16 11:16:00 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vhen/p/7843366.html

本文介绍了一种使用Vue.js控制页面滚动位置的方法。通过在main.js中利用router.afterEach钩子将页面滚动到顶部，以及在watch中监听路由变化，使特定页面的滚动位置固定在200像素处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、main.js

router.afterEach((to, from, next) => {
    window.scrollTo(0, 0);
});

View Code

2、watch

 watch: {
            route (newval, oldval) {
                if (newval.path === '/betting' || newval.path === '/trend' || newval.path === '/lotResult') {
                    document.body.scrollTop = '200';
                }
                this.setAllShow(false);
            }
        },

View Code

转载于:https://www.cnblogs.com/vhen/p/7843366.html