title: how to manipulate the query string in vue.js using Vue router
body: <p>I have a Vue.js app that has a tagging component. I'd like to add a url components like <a href="https://thisdomain.com/some?tag_ids=3,7,11" rel="nofollow noreferrer">https://thisdomain.com/some?tag_ids=3,7,11</a> where a user can add tag_ids by toggling the tags in the UI.</p>
  
  <p>While this is working for maintaining the tag_ids in the app. I'd also like to have them render in the browser url so that if the url is shared, it looks the same. I am using vue-router and I'd like to add the tag_ids to the query string but not force a new route in the path. I have tried something like:</p>
  
  <pre><code>   this.$router.push({ path: '/', tag_ids: this.selectedTagIds })
  </code></pre>
  
  <p>and </p>
  
  <pre><code>   this.$router.replace({ path: '/', tag_ids: this.selectedTagIds })
  </code></pre>
  
  <p>But this is not working. Any idea how to manipulate the query params via this.$router? </p>