title: Vue Router: HTML5 Canvas image links won't route to the right URL
body: <p>I'm attempting to link images on an html5 canvas to a url to navigate a site. </p>
  
  <p>I'm using <code>Vue</code>, <code>FabricJS</code> for the canvas, and <code>Vue-router</code> for routing.</p>
  
  <pre><code>let computerClick = function (evt) {
    console.log("Computer clicked");
    this.$router.push('/app');
  };
  </code></pre>
  
  <p>When the item is clicked on the canvas it runs this function, but I get this error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'push' of undefined</p>
  </blockquote>
  
  <p>Can anyone lead me in the right direction?</p>