当前位置: 首页 > 知识库问答 >
问题:

javascript - vue3页面监听pinia后跳转页面的问题?

柴英锐
2024-01-10

有多个菜单页面,页面上方都有查询,封装了查询组件,切换页面的时候要重置查询条件-searchObj

我用pinia来存查询条件,searchObj,然后每个页面监听searchObj,条件变化就发起查询

问题是:
当我切换页面的时候把查询条件重置,这时候就会触发当前页面的watch,然后发起查询,就是跳转前就发起了查询

请问怎么解决这种问题,或者怎么这样的布局还有什么其他方法实现

共有1个答案

梁丘俊材
2024-01-10

router.push 和 router.replace 都会返回一个 promise,所以你可以在导航完成后再重置查询条件。 router.push({name: 'foo'}).then(() => resetQuery())

 类似资料:
  • 页面跳转可以是打开新的一页,也可以是当前页重定向,还可以是跳转到当前页的某个状态,下面会从打开w文件,打开其它后缀文件,使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w

  • 页面跳转可以是打开新的一页,也可以是当前页重定向,还可以是跳转到当前页的某个状态,下面会从打开w文件,打开其它后缀文件,使用路由等几个方面分别介绍一下在X5中的页面跳转。 目录 1、打开w文件 1.1、使用Shell提供的方法 1.2、使用弹出窗口打开 1.3、模拟门户的做法 2、打开html等其它类型的文件 2.1、使用打开w文件的方法 2.2、使用a链接跳转 2.3、页面重定向 2.4、使用w

  • 本文向大家介绍ajax 提交数据到后台jsp页面及页面跳转问题,包括了ajax 提交数据到后台jsp页面及页面跳转问题的使用技巧和注意事项,需要的朋友参考一下 ajax 提交数据到后台jsp页面及页面跳转问题 我logincheck.jsp页面取传参数代码:  注释:type:传输式使用post url: 地址数据传输Struts data:传输参数 modName(自随便起)action 根据m

  • onBLECharacteristicValueChange这个监听的文档地址:https://uniapp.dcloud.net.cn/api/system/ble.html#onblecharact... 无论在哪个页面都能收到这个api的监听,唯独跳转回主页tabBar页面监听就没了,所以这个监听本身应该是没问题的?只是不知道返回主页的tabBar页面有什么我不知道的机制导致监听失效, 我把

  • 在 umi 里,页面之间跳转有两种方式:声明式和命令式。 声明式 基于 umi/link,通常作为 React 组件使用。 import Link from 'umi/link'; export default () => ( <Link to="/list">Go to list page</Link> ); 命令式 基于 umi/router,通常在事件处理中被调用。 import r

  • 本文向大家介绍vue实现登录后页面跳转到之前页面,包括了vue实现登录后页面跳转到之前页面的使用技巧和注意事项,需要的朋友参考一下 在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 先说一下我们需要用到的几个API: 1.router.currentRoute:当前的路由