title: Prevent anchor tag reloading page on @click in Vue.js
body: <p>I have the following code in my vue file. The issue I am facing here is that page reloads when I click on here. I have added <code>event.preventDefault()</code> but couldn't resolve the issue. Please help me find where I am going wrong.</p>
  <pre><code>&lt;template&gt;
    &lt;p&gt;Please click &lt;a @click=&quot;stopProcess&quot;&gt;here&lt;/a&gt;&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;script&gt;  
    export default {
      methods: {
        stopProcess(){
          event.preventDefault()
          var page = &quot;../../../pages/page.pdf&quot;
          window.open(page);
        }
      }
    };
  &lt;/script&gt;
  </code></pre>