title: Vue-router doesn't redirect with @click
body: <p>Template:</p>
  
  <pre><code>&lt;button @click="redirect"&gt;Search&lt;/button&gt;
  &lt;input v-model="searchQuery" v-on:keyup.enter="redirect" type="text"&gt;
  </code></pre>
  
  <p>Js script:</p>
  
  <pre><code>export default {
    methods: {
      redirect: function() {
        if (this.searchQuery) {
          this.$router.push({
            name: 'tag',
            params: {
              tag: this.searchQuery
            }
          })
        }
      }
    },
    data() {
      return {
        searchQuery: ''
      }
    }
  }
  </code></pre>
  
  <p>Here's the problem. If I click enter in the input, the redirection will work fine to the route with name <code>tag</code>. If I click the button, the redirection will try to happen (I will see in browser url the change) but then instantly it will go back to the existing page</p>