vue.js - Vue Router 中的动态查询报错
问题描述
我想在 vue 路由器中使用动态查询,但出现错误。
代码:
let selected = this.currentPage;
this.$router.replace({name: '', query: {...this.$route.query, page: selected }});
控制台错误:
不允许导航到当前位置 ("/?page=5")
我已经尝试过这里的解决方案How can I change only specific query params in current route vue-router? 但它不起作用
解决方案
您可能会尝试重定向到同一页面。为了防止这种情况尝试这样的事情
let selected = this.currentPage;
if (selected !== this.$route.query.page)
this.$router.replace({name: '', query: {...this.$route.query, page: selected }});
推荐阅读
- c++ - CMake - 找不到“QT”提供的包配置文件
- excel - 尝试创建独特的 Excel 自动填充模式
- python - 使用 keras 加载 mnist 时尚数据集
- vue.js - 如何在 vuetify 中使用 i18n 配置 vee-validate?
- javascript - 使用 Shadow Root 和本机 Web 组件进行页内链接
- sql - OnDelete-Cascade 没有被“解雇”
- php - 如何修复此错误 Uncaught PDOException: SQLSTATE[HY000]: General error: 2014 Cannot execute queries while other unbuffered queries are active?
- xamarin - 如何将 UILabel 与 MvvmCross 绑定
- asdf-vm - 无法安装 jruby
- asp.net-core - 将 asp.net 核心项目从 v2.2 升级到 3.1 后,reCAPTCHA.AspNetCore 验证失败