vue做的app返回上一页取消滚动条置顶?使用keep-alive遇到了困难?

问题描述

vue开发app返回上一页滚动条位置置顶了

代码如下,首先用keep-alive标签包住:


  
播放
动态获得transition 的name值

跳转出去跟回来:

   activated(){
      console.log('回来了')
      document.documentElement.scrollTop=200
      console.log(document.documentElement.scrollTop)
    },
    methods: {
      // //根据路径跳转下个页面
      afterMe(ev,url){
        this.$router.push(url)
      },

浏览器输出:

这里都设定成功了,滚动条还在最上面
返回后手机画面滚动条还是在最上面,如何解决啊卡了6个小时了

最佳答案

可以用this.$nextTick(() => { document.documentElement.scrollTop=200 }) 或者`setTimeout(() => {
document.documentElement.scrollTop=200 }, 1000)`试一下先。