Как использовать side-nav из материализации в vue.js 2.0

Question

Я создаю приложение 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

Вы также должны иметь v-btn-link по щелчку, на котором это будет придумать, как это дано в demo:

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