滚动行为

时间:2021-6-4 作者:qvyue

滚动行为

应用场景 : 在一个路由组件中滚动页面,切换到另一个组件中时,滚动条自动恢复到页面顶端的位置

下面的代码要加在router对象的配置中

//创建路由对象
       const router = new VueRouter({
           routes,
           scrollBehavior(to, from) {
               return { x: 0, y: 0 }
           }
       })

销毁时清除计时器

           created(){
                this.timer = setInterval(()=>{
                    this.num++
                    console.log(this.num);
                },1000)
            },
            destroyed(){
                console.log('index-destroyed');
                clearInterval(this.timer)
            }
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。