Wie man nav aus materialize in vue.js 2.0 verwendet

Question

Ich erstelle eine vue.js App, die ich mit materialize stylen möchte. Ich habe anscheinend alles ohne Fehler installiert, aber ich habe keine Funktionalität speziell für die SideNav. Was ich meine ist, wenn ich auf das Menüsymbol klicke, passiert nichts.

Hier ist mein Code:

index.html

... 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.js"></script> 
... 

main.js

import Materials from 'vue-materials' 
Vue.use(Materials) 

.vue Datei

<v-side-nav id="side-nav" class="right hide-on-small"> 
    <li><a v-on:click="handleLogout()">Logout</a></li> 
</v-side-nav> 

Alles sieht gut aus, nur kein Pop-out-Menü. Irgendwelche Ideen?

Answer 1

Sie müssen auch auf dem v-btn-link auf Klick haben, dies wird kommen, wie es in demo gegeben:

<v-btn-link v-side-nav:demo="nav">Click Me</v-btn-link> 
<v-side-nav id="demo"> 
    <ul> 
     <li v-for="n in 5"> 
      <a href="#!">Link</a> 
     </li> 
    </ul> 
</v-side-nav> 


export default { 
    data() { 
     return { 
      nav: { 
       edge: 'right' 
      } 
     } 
    } 
}