Vue中 不使用路由,列表跳转详情,返回列表保持位置

var vmapp = new Vue({
            el:"#vmapp",
            data:{
                scrollTop:''
            },
            created:function () {           
                document.addEventListener('scroll', this.handelscroll);
            },
            updated:function () {
                let scrollTop = sessionStorage.getItem('scrollTop');
                // smooth 平滑、instant 快速 
                window.scrollTo({
                    top:scrollTop,
                    behavior:'instant'
                });
                sessionStorage.setItem('scrollTop', 0);
            },
            methods:{
                handelscroll:function(){
                    this.scrollTop = document.body.scrollTop ||     document.documentElement.scrollTop || window.pageYOffset;
                },
                toView:function (id) {
                    sessionStorage.setItem('scrollTop', this.scrollTop);
                    location.href = "/toview?id=" + id;
                }
            }
        });

上面的办法,可能会比较折中,大家有什么好办法欢迎留言!


版权声明:本文为h15766509632原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。