router.beforeEach((to, from, next) => {  window.document.title = to.meta.title  // pc端打开跳转处理  // console.log('topath:', to.path)  if (constant.ispc()) {    if (to.path === '/law') {      location.href = Api.pcUrl + 'index'    }    /* else if (to.path === '/rule') {      location.href = Api.pcUrl    } else if (to.path === '/affiche') {      location.href = Api.share.affiche    } else if (to.path === '/cases') {      location.href = Api.share.cases    } else if (to.path === '/report') {      location.href = Api.share.report    } */    else if (to.path === '/rulesCount') {      location.href = Api.pcUrl + 'ruleDetail?id=' + to.query.id    } else if (to.path === '/afficheContent') {      location.href = Api.pcUrl + 'afficheContent?id=' + to.query.id    }    // else if (to.path === '/caseDetail') {    //   location.href = Api.pcUrl + to.query.id    // }    else if (to.path === '/detailReport') {      location.href = Api.pcUrl + 'reportDetail?id=' + to.query.id    }    // else if (to.path === '/collect/collectDetails') {    //   location.href = Api.pcUrl + to.query.id    // }    else {      location.href = Api.pcUrl + 'index'    }  }

  if (from.name) {    let contentElem = document.querySelector('.v-content')    let scrollTop = contentElem ? contentElem.scrollTop : '0'    // store.state.common.scrollPos[] = scrollTop;    store.state.mutations.scrollValue[from.name] = scrollTop    console.log('scrollValue:' + store.state.mutations.scrollValue[from.name])  }  next()})router.afterEach((to, from) => {  if (from.name) {    let scrollTop = store.state.mutations.scrollValue[to.name] || 0    if (!scrollTop) {      return    }    // 对scroll元素进行设置    setTimeout(() => {      let documentElem = document.querySelector('.v-content')      if (documentElem) {        documentElem.scrollTop = scrollTop      }    }, 0)  }})

转载于:https://www.cnblogs.com/xscn1230/p/9111460.html

移动端列表点击跳转 返回保存原来高度相关推荐

  1. iOS14中点击SwiftUI列表项导航跳转返回后外观呈灰色的解决

    问题现象 在iOS 14.0系统中(iOS 15中已修复),若List项可导航,则点击跳转到目的视图再返回父视图后,原列表项外观会变成灰色: 虽然不影响使用,但让强迫症的我们怎能忍受呢? 想知道如何解 ...

  2. 微信小程序列表点击跳转对应详情页

    2020/9/1:这种写法能实现但是用了多次缓存,后面发现其实是可以用自定义属性来传参的,具体有空我会写出来 效果展示: 列表页js部分: onLoad: function(options) { va ...

  3. 安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面!

    安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面! 一般都要监听手机的返回按钮和页面上的返回按钮 //监听手机的返回按钮 @Override public boolean o ...

  4. vue中实现跳转链接并拼接参数(点击跳转或者判断返回请求数据跳转)

    vue中实现跳转链接(点击跳转或者判断返回请求数据跳转) <div @click="toRescue">标题:window.location.href跳转到外部链接测试 ...

  5. Android开发:recycleView页面点击跳转

    对带有recycleView的页面进行点击跳转 比如,某一tab页是新闻列表,则点击某一行能跳转到新闻详情页面 主要步骤 一.设计recycleView页面 1.因为我们需要在消息界面建一个消息列表, ...

  6. Android Studio实现QQ的注册、登录和好友列表页面的跳转

    项目目录 一.项目概述 二.开发环境 三.详细设计 1.登录界面的搭建 2.注册界面的搭建 3.好友列表界面的搭建 4.跳转功能实现 四.项目效果 五.项目总结 六.源码下载 一.项目概述 本次项目主 ...

  7. 【快速搞定】教你如何快速集成环信(android端EaseUI),跳过我踩过的坑

    [快速搞定]教你如何快速集成环信(android端EaseUI),跳过我踩过的坑 一.前言 最近,公司准备集成一个即时通讯的功能,于是我找到了环信,于是我就这样被坑了,于是就有了本文来教大家如何跳出我 ...

  8. AlertDialog 点击空白处、返回按钮 行为

    为什么80%的码农都做不了架构师?>>>    弹出AlertDialog之后,点击空白处,默认Dialog消失: 点击回退键,默认消失: 那么如何点击空白处,不隐藏对话框,点击An ...

  9. Android 点击跳转到蓝牙设置界面

    点击跳转到蓝牙设置界面 1.布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...

最新文章

  1. eosjs 文档(介绍)
  2. mysql表打包到程序中_C#/winform程序打包布署 如何把SQL 数据库 一起打包进去?
  3. 配置多个git账号_docker随手笔记第七节 jenkins通过git部署java微服务插件安装
  4. 【转】C#与C++的发展历程第一 - 由C#3.0起
  5. 数据结构笔记(三十一)--折半查找
  6. Java运行Python脚本的几种方式
  7. Linux数据链路层的包解析
  8. 二进制文件vscode_最强编辑器 VSCode 系列之插件推荐【不定期更新】
  9. mix2线刷开发板救砖_小米MIX2原版固件刷机包下载_小米MIX2线刷官方系统升级包...
  10. css html5布局方式_创建新HTML5&CSS3单页布局– Rock门户
  11. 基于STM32的多功能MP3设计 毕业设计(论文)文献综述
  12. JavaScript复制内容到剪贴板 1
  13. 英文论文评审意见_英文论文审稿意见模板
  14. psn注册什么服务器,怎么注册PSN港服账号?PSN港服官网注册教程
  15. kuka机器人RSI说明
  16. rocketmq-常见问题总结(基本概念、高可用、中间件选型)
  17. PyQt实现按钮控件的拖动效果,利用鼠标移动事件实现。
  18. python把桢写入txt_使用Tesseract+python进行图片转文字记录
  19. Scratch少儿编程教培系统源码下载
  20. python延时函数 微秒_Python程序可显示当前时,分,秒和微秒

热门文章

  1. Angular中使用axios实现get请求数据
  2. SpringBoot项目新建之后修改编译版本
  3. SpringBoot中使用FastJson解析Json数据
  4. SpringMVC框架结构以及架构流程
  5. Python双版本下No module named 'requests'
  6. 刷脸支付弊端举例_刷脸支付的优势和弊端,你都知道?
  7. 工作日志——k8s pvpvc
  8. Parcelable最强解析
  9. 攻击者使用“非恶意软件”也能识别,将在RSA 2017上发布的新技术
  10. openstack 使用集锦