如何从vue路由器删除查询？
如何从vue路由器删除查询？
提问于 2020-01-21 11:42:57
所有删除查询字符串的尝试都失败。
// Initial state
this.$router.replace({
name: 'routeName',
query: {
param: 123
}
});
// Errors
this.$router.replace({ query: {}});
this.$router.replace({ query: undefined });
this.$router.replace({ query: null });如何删除查询而没有任何错误？
Vue-路由器v3.1.5
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-01-21 12:13:01
出于某种原因，router.replace() & router.push()需要一个非空对象作为查询。因此，rest所要做的就是从值中清除初始查询对象，例如：
let query = {
param: [1, 2, 3]
};
// Initial state
this.$router.push({
name: 'yourRouteName',
query: query
});
// clean your initial query object
query.param = [];
// Now replace it
this.$router.replace({
query: query
});Stack Overflow用户
发布于 2021-10-06 04:09:26
Vue 3
这对我起了作用：
import { useRoute, useRouter } from 'vue-router'
// put this inside your setup() function:
const route = useRoute()
const router = useRouter()
if (route.query.username = 'test') {
// do stuff...
// clear the query
router.replace({ query: {} })
}Stack Overflow用户
发布于 2020-01-28 04:04:13
试试下面的代码：
let query = Object.assign({}, this.$route.query);
delete query.param;
this.$router.replace({ query });页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59840396
复制相关文章
相似问题
腾讯云开发者
