title: How to trigger $('.button-collapse').sideNav('hide'); in vuejs 2 without jQuery?
body: <p>I have successfully added the following code which provides me with the sideNav from materialise:</p>
  
  <pre><code>&lt;v-btn-link v-side-nav:side-nav="nav" class="button-collapse btn-flat" id="btn-side-menu"&gt;&lt;i class="material-icons"&gt;menu&lt;/i&gt;&lt;/v-btn-link&gt;
  &lt;v-side-nav id="side-nav" class="hide-on-small"&gt;
    &lt;a v-on:click="handleNavDashboard()"&gt;Dashboard&lt;/a&gt;
    &lt;a v-on:click="handleLogout()"&gt;Logout&lt;/a&gt;
  &lt;/v-side-nav&gt;
  </code></pre>
  
  <p>and I use the following methods:</p>
  
  <pre><code>  methods: {
      handleLogout () {
        console.log('LOGGED OUT')
        this.$store.dispatch('clearAuthUser')
        window.localStorage.removeItem('authUser')
        this.$router.push({name: 'login'})
      },
      handleNavDashboard () {
        console.log('GOING DASHBOARD')
        console.log(this)
        this.$router.push({name: 'dashboard'})
      }
    }
  </code></pre>
  
  <p>so when I am on the home page and i click Dashboard, I get the dashboard contents on the screen but the sideNav menu and the darkened background are still there. Materialise-css says you can use this function</p>
  
  <pre><code>$('.button-collapse').sideNav('hide');
  </code></pre>
  
  <p>to hide it progmatically but I don't have jQuery installed. How to I reset the sideNav after a nav click?</p>