vue.js 2.0のマテリアライズドからside-navを使用する方法

Question

私はmaterializeでスタイルを設定するvue.jsアプリケーションを作成しています。私はそれがエラーなしですべてインストールされているようだが、私は特に、sideNavのための機能はありません。つまり、メニューアイコンをクリックすると、何も起こりません。ここで

は私のコードです：

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ファイル

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

すべてが正常に表示され、ポップアウトメニューは表示されません。何か案は？

Answer 1

また、それがdemoで与えられ、これは、出てくるその上でクリックでv-btn-linkを持っている必要があります：

<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' 
      } 
     } 
    } 
}