监听router控制滚动条

最新推荐文章于 2024-12-10 16:06:33 发布

转载最新推荐文章于 2024-12-10 16:06:33 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

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

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

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