移动端列表点击跳转 返回保存原来高度
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
移动端列表点击跳转 返回保存原来高度相关推荐
- iOS14中点击SwiftUI列表项导航跳转返回后外观呈灰色的解决
问题现象 在iOS 14.0系统中(iOS 15中已修复),若List项可导航,则点击跳转到目的视图再返回父视图后,原列表项外观会变成灰色: 虽然不影响使用,但让强迫症的我们怎能忍受呢? 想知道如何解 ...
- 微信小程序列表点击跳转对应详情页
2020/9/1:这种写法能实现但是用了多次缓存,后面发现其实是可以用自定义属性来传参的,具体有空我会写出来 效果展示: 列表页js部分: onLoad: function(options) { va ...
- 安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面!
安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面! 一般都要监听手机的返回按钮和页面上的返回按钮 //监听手机的返回按钮 @Override public boolean o ...
- vue中实现跳转链接并拼接参数(点击跳转或者判断返回请求数据跳转)
vue中实现跳转链接(点击跳转或者判断返回请求数据跳转) <div @click="toRescue">标题:window.location.href跳转到外部链接测试 ...
- Android开发:recycleView页面点击跳转
对带有recycleView的页面进行点击跳转 比如,某一tab页是新闻列表,则点击某一行能跳转到新闻详情页面 主要步骤 一.设计recycleView页面 1.因为我们需要在消息界面建一个消息列表, ...
- Android Studio实现QQ的注册、登录和好友列表页面的跳转
项目目录 一.项目概述 二.开发环境 三.详细设计 1.登录界面的搭建 2.注册界面的搭建 3.好友列表界面的搭建 4.跳转功能实现 四.项目效果 五.项目总结 六.源码下载 一.项目概述 本次项目主 ...
- 【快速搞定】教你如何快速集成环信(android端EaseUI),跳过我踩过的坑
[快速搞定]教你如何快速集成环信(android端EaseUI),跳过我踩过的坑 一.前言 最近,公司准备集成一个即时通讯的功能,于是我找到了环信,于是我就这样被坑了,于是就有了本文来教大家如何跳出我 ...
- AlertDialog 点击空白处、返回按钮 行为
为什么80%的码农都做不了架构师?>>> 弹出AlertDialog之后,点击空白处,默认Dialog消失: 点击回退键,默认消失: 那么如何点击空白处,不隐藏对话框,点击An ...
- Android 点击跳转到蓝牙设置界面
点击跳转到蓝牙设置界面 1.布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...
最新文章
- eosjs 文档(介绍)
- mysql表打包到程序中_C#/winform程序打包布署 如何把SQL 数据库 一起打包进去?
- 配置多个git账号_docker随手笔记第七节 jenkins通过git部署java微服务插件安装
- 【转】C#与C++的发展历程第一 - 由C#3.0起
- 数据结构笔记(三十一)--折半查找
- Java运行Python脚本的几种方式
- Linux数据链路层的包解析
- 二进制文件vscode_最强编辑器 VSCode 系列之插件推荐【不定期更新】
- mix2线刷开发板救砖_小米MIX2原版固件刷机包下载_小米MIX2线刷官方系统升级包...
- css html5布局方式_创建新HTML5&CSS3单页布局– Rock门户
- 基于STM32的多功能MP3设计 毕业设计(论文)文献综述
- JavaScript复制内容到剪贴板 1
- 英文论文评审意见_英文论文审稿意见模板
- psn注册什么服务器,怎么注册PSN港服账号?PSN港服官网注册教程
- kuka机器人RSI说明
- rocketmq-常见问题总结(基本概念、高可用、中间件选型)
- PyQt实现按钮控件的拖动效果,利用鼠标移动事件实现。
- python把桢写入txt_使用Tesseract+python进行图片转文字记录
- Scratch少儿编程教培系统源码下载
- python延时函数 微秒_Python程序可显示当前时,分,秒和微秒