从列表点击查看跳转到详情页面，从详情页点击【返回】返回到列表页面后，要停留在之前的搜索状态，而非重新刷新页面。

最新推荐文章于 2023-03-22 15:04:59 发布
最新推荐文章于 2023-03-22 15:04:59 发布
阅读量1.2w 收藏 1
点赞数 3
分类专栏： java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaopeisong/article/details/89963619
版权

$(document).ready(function (){  
    $.btn_return({
        div:$("#meetingDocDetail"),//插入到XX元素下 第一个子元素
        top:0, //距顶部位置
        btn:["返回"],//按钮
        callback1: function(){
            top.CreateDiv('36d6be5315e04eacb74ac1ff9b3ec079',basePath + 'view/bjyps/page/meeting/meetingDocList','会议纪要',true);
        }
    }) 
})

请各位帮忙解答一下谢谢

1930487
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
从列表页跳转到详情页，返回列表页时列表页与之前的状态相同
weixin_42928456的博客
12-03 1846
vue项目中有这样一个需求，从列表页跳转到详情页，返回列表页的时候列表页还是之前的状态。类似于国家司法鉴定网的列表页 当我点击献县司法医学鉴定中心，就跳转到它的详情页 当点击浏览器的返回按钮返回到列表页，保留之前的状态以。 看到网上大多数的解决方法是用keepAlive，将列表页缓存。但是我按照上面的方式还是有很多问题，并且很久都没解决。于是另辟蹊径，下面我要说的这个方法虽...
vue如何通过id从列表页跳转到对应的详情页
08-27
在Vue.js应用中，从列表页...确保正确配置路由、传递必要的参数，并在详情页适当地处理这些参数，就可以实现从列表到详情的平滑过渡。在实际开发中，还需要考虑错误处理、数据缓存等更多细节，以提供更好的用户体验。
学习记录：弹窗列表点击跳转详情，关闭详情如何判断回去哪个页面
weixin_44845483的博客
02-17 1987
A页面点击子项可以跳转到对应详情页面C，关闭详情页面C回到A页面，B页面点击子项也可以跳转到对应详情页面C，关闭详情页面回到B页面。关闭详情页面C回到A页面还是B页面需要跳转路由时query传参来区分： A页面跳转方法如下，query传参中有from：‘list’ toDetail(item) { if (item.firstCategoryId && item.firstCategoryId != '- -' && ['我对政府有话说', '
vue 详情或列表页(指定页)返回搜索页面，保留搜索页面上一次的筛选条件
weixin_44149422的博客
09-03 4211
详情页返回列表页，保留列表页之前的筛选条件 将之前的搜索条件保存到cookie 中，从指定页面（详情页或列表页）返回到搜索条件页面后，从cookie中获取之前存入的参数。 1、发出查询请求前，将参数存入cookie中。 2、从详情页面回到查询页，从cookie中获取之前存入的参数。 data{ return { formPath:'', queryData:{ //将startData、endDate 设置为今天 startDate:mome
vue项目列表跳转详情返回列表页保留搜索条件
麋鹿的鹿
09-27 4398
需求 列表进入详情后，返回详情的时候保留搜索的条件，第几页进入的返回还在第几页 1.在详情页设置定义一个字段
vue——列表返回优化（返回列表保持搜索条件）
03-22 1418
1.把列表查询的条件放在vuex里，进行存储。 2.当进入对应的列表时，判断vuex是否存在查询条件。并进行赋值。 3.当点击左侧菜单栏，判断是否存在当前页，如果不存在就清除当前页在vuex存入的查询条件。
vue2 Keep-alive 详情页返回列表页，保留列表页之前的筛选条件和数据的简单写法
a99101的博客
02-03 1473
keepalive简单对页面保活
微信小程序点击列表跳转到对应详情页过程解析
10-16
在小程序中，列表页面到详情页面的跳转是一个常见且重要的功能。这一过程涉及的编程知识点包括页面数据的传递、页面跳转的实现、以及如何在详情页面中处理传递过来的数据。 首先，在微信小程序中，列表项通常通过...
js点击返回跳转到指定页面实现过程
10-22
主要介绍了js点击返回跳转到指定页面实现过程,需要的朋友可以参考下
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
08-28
在微信小程序开发中，页面间的跳转是必不可少的功能，尤其当涉及到用户交互，如点击列表项进入详情页时。本文将详细介绍如何实现从列表的item项跳转到下一个页面。 首先，我们需要理解微信小程序提供的三种页面跳转...
基于vue循环列表时点击跳转页面的方法
10-18
在Vue.js框架中，开发Web应用时经常需要处理列表数据并实现点击元素后的跳转功能。本篇文章将详细讲解如何在Vue中实现基于循环列表的点击跳转页面的方法。 首先，我们需要创建一个Vue实例，并在`data`对象中定义一...
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
12-02
场景：项目中，从列表进入详情，再从详情返回列表时，想直接定位到离开时的位置。 列表页点击某一个进入到详情页： 进入到详情页： 从详情页点击返回到列表页到离开的位置： 实现方式一：html5 history模式 1在...
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
10-15
在电商应用中，为了提供更好的用户体验，我们通常需要在用户浏览商品列表后，进入商品详情页，再点击返回时，能直接回到之前查看的商品列表位置，而不是重新加载整个页面。这就是 `vue keep-alive` 在列表页缓存和...
vue页面跳转后返回原页面初始位置方法
08-28
Vue 页面跳转后返回原页面初始位置方法 在 Vue 项目中，页面跳转后返回原页面初始位置是一个常见的问题。今天，我们将分享一个解决这个问题的方法，这个方法使用 Vuex 状态管理器来记录页面的滚动位置。 首先，...
微信小程序返回箭头跳转到指定页面实例解析
10-16
在微信小程序开发中，用户操作中的返回箭头通常会回到上一级页面，但有时开发者可能需要自定义这个行为，让返回箭头跳转到特定页面而不是默认的上级页面。这在构建复杂应用流程或实现特定导航逻辑时尤其有用。本文将...
点击图片跳转详情
b741759587的博客
07-03 1713
首页 1.首先给要点击的图片添加跳转链接，？后加id,利用的是URL地址？后的字符不解析原理传递id 2.详情页用ajax连接php获取php返回的数据 function ajax(){ 获取url地址的字符串 var atr =location.search; 然后字符串切割返回的是数组 var num = atr.split('=')[1]; 取数组的第二个参数 创建一个对象传递...
button返回上一页面
FrOZen____的专栏
10-16 2875
最初在返回按钮中的程序为：  复制代码 代码如下: #region 返回按钮  protected void btnReturn_Click(object sender, EventArgs e)  {  string url = Request.QueryString["Url"] == null ? "" : Request.QueryString["Url"].ToString()
uniapp返回上一页面
热门推荐
Change!
12-01 6万+
返回上一页面在uniapp有多种方法 根据项目需求，关闭当前页面，返回上一页面
当点击“新增”或“修改"按钮进行跳转后，又想回到原来的页面？
山鬼谣的专栏
06-29 7794
我们有时可能需要这种需要，当点击修改按钮后，跳转到了一个页面， 之后想点击“取消”回到之前的那个页面。 点击修改后跳转的页面是： 现在想点击修改回到原来的页面：<a class="btn btn-primary" href="javascript: void(0);" role="button" onclick="window.location.href=document.referrer;
vue H5列表页面 点击跳转看详情 返回列表页保持在当前位置，代码如何实现
最新发布
04-28
你可以使用 `keep-alive` 组件来缓存列表页，以保持其状态不变。然后使用路由参数来传递当前位置的信息。在跳转到详情页时，将当前位置信息作为参数传递给详情页，以便在返回时能够准确地回到原来的位置。 以下是示例代码： 列表页： ```html <template> <div> <keep-alive> <ul> <li v-for="item in items" :key="item.id"> <router-link :to="{ name: 'detail', params: { id: item.id, position: getPosition() } }">{{ item.title }}</router-link> </li> </ul> </keep-alive> </div> </template> <script> export default { data() { return { items: [...], // 列表数据 scrollTop: 0 // 当前滚动位置 } }, methods: { getPosition() { // 获取当前滚动位置 return this.$refs.list.scrollTop } }, mounted() { // 监听滚动事件，更新滚动位置 this.$refs.list.addEventListener('scroll', () => { this.scrollTop = this.$refs.list.scrollTop }) } } </script> ``` 详情页： ```html <template> <div> <h1>{{ item.title }}</h1> <p>{{ item.content }}</p> <button @click="goBack">返回</button> </div> </template> <script> export default { data() { return { item: {}, // 详情数据 position: 0 // 列表页滚动位置 } }, methods: { goBack() { // 返回列表页，并滚动到原来的位置 this.$router.back() setTimeout(() => { this.$refs.list.scrollTop = this.position }, 0) } }, mounted() { // 获取详情数据 const id = this.$route.params.id this.item = this.items.find(item => item.id === id) // 获取列表页滚动位置 this.position = this.$route.params.position } } </script> ``` 注意，以上代码仅为示例，具体实现可能需要根据实际情况进行调整。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值