How to remove all query parameters from current route in vue router?

Question

All my attempts to remove the query string fails:

// 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 });

How to remove query without any errors?

I'm using Vue Router v3.1.5

Answer 1

Vue 3

This worked for me:

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: {} })      
}