如何从VUE路由器中删除查询？ [英] How to remove query from vue router?

问题描述

所有删除查询字符串的尝试都失败

            // 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-Router v3.1.5

推荐答案

由于某种原因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
});

这篇关于如何从VUE路由器中删除查询？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！