title: $vuetify.goTo('#foo') not working on another router page
body: <p>I try to smooth scroll using the function: goTo("#how") provided by Vuetify. It worked fine but when I go to a different router page it gives an error.</p>
  
  <p>[Vue warn]: Error in v-on handler: "Error: Target element "#how" not found."</p>
  
  <p>In my knowledge, it means that the target element does not exist.</p>
  
  <p>I tried changing goTo("/#how"), goTo("/how") but it seems to be of no hope.</p>
  
  <pre><code>//App.vue where the header, footer of my app exist and the button that calls the function: goTo() 
  &lt;v-btn @click="() =&gt; this.$vuetify.goTo('#how')"&gt;How it Works&lt;/v-btn&gt;
  </code></pre>
  
  <pre><code>//The section where the page should scroll when the button is clicked
  &lt;section id="how"&gt;
  &lt;/section&gt;
  </code></pre>
  
  <pre><code>//the goTo scroll function provided by Vuetify
  scrollBehavior: (to, from, savedPosition) =&gt; {
    let scrollTo = 0
  
    if (to.hash) {
        scrollTo = to.hash
    } else if (savedPosition) {
        scrollTo = savedPosition.y
    }
  
    return goTo(scrollTo)
  }
  </code></pre>
  
  <p>I expect it when on another route page and the button is clicked, it should scroll smoothly to the section.</p>