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

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

  • 本文向大家介绍Angular 页面跳转时传参问题,包括了Angular 页面跳转时传参问题的使用技巧和注意事项,需要的朋友参考一下 首先,你需要已经配置过你的rout,比如: 其中注意第二个地址信息中的params属性,这个就是你要接受参数的对象,以key :value的形式定义 而在跳转页面时,两个方法都可以传参,一种是直接写在html中 此时传参跟在页面地址的后面 第二种就是写在control