は、私は正常にマテリアライズからsideNavを私に提供し、次のコードを追加しました:
<v-btn-link v-side-nav:side-nav="nav" class="button-collapse btn-flat" id="btn-side-menu"><i class="material-icons">menu</i></v-btn-link>
<v-side-nav id="side-nav" class="hide-on-small">
<a v-on:click="handleNavDashboard()">Dashboard</a>
<a v-on:click="handleLogout()">Logout</a>
</v-side-nav>
を、私は次のメソッドを使用します。私は、ホームページ上で午前ときに
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'})
}
}
を、私はクリックしてくださいダッシュボード、ダッシュボードの内容は画面に表示されますが、sideNavメニューと背景が暗くなっています。マテリアライズ-CSSあなたはprogmaticallyそれを隠すために
$('.button-collapse').sideNav('hide');
この機能を使用することができますが、私はjQueryのがインストールされていないと言います。ナビクリック後にsideNavをリセットする方法は?
マテリアライズ-CSSはjqueryの – Nora
に依存のようにあなたが便利 'Vue'バージョンを見つけることができそうです。http://johnleider.com/vue-materials-docs/ –
@craig_h私が使っているのはそのバージョンです。私はまた、私のアプリで動作してjQueryを得るために他の答えを試していますが、そこにも運がありません。 – khany