VueRouter + VueJs2 + MetisMenu =崩潰錯誤

我是新VueJs學生，我想製作一個菜單和二級菜單。我想使用Jquery-MetisMenu，所以下載它，把它放在我的Index.html，我做了一個路由器視圖的菜單。VueRouter + VueJs2 + MetisMenu =崩潰錯誤

這裏是我的Menu.vue

<template> 
<div class="app"> 
    <nav class="navbar-default navbar-static-side" role="navigation"> 
     <div class="sidebar-collapse"> 
      <ul class="nav metismenu" id="side-menu"> 
       <li> 
        <a href="#"><i class="fa fa-th-large"></i> <span class="nav-label"> Here First Level </span> <span class="fa arrow"></span></a> 

        <ul class="nav nav-second-level collapse"> 
         <li><a href="#"> Here Second Level </a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </nav> 
</div> 
</template>

Routes.js

import ContentTest from './ContentTest.vue' 
import Menu from './Menu.vue' 

const routes = [ 
    //{path: '/login', component: LoginView }, 
    { 
     path: '/Menu', 
     component: Menu, 
     children: [ 
     { 
      path: '/Menu/ContentTest', 
      component: ContentTest, 
      name: 'ContentTest 1' 
     }] 
    }] 

export default routes

的index.html

<body> 

    <!-- Main View --> 
    <div id="container"> 
    <div id="wrapper"> 
     <router-view></router-view> 
     </div> 
    </div> 

    <!-- Script Files --> 
    <script src="dist/build.js"></script> 
    <script src="./node_modules/jquery/dist/jquery.min.js"></script> 
    <script src="./node_modules/metismenu/dist/metisMenu.min.js"></script> 
    </body>

公關的身體隨着崩潰，當我點擊「這裏第一級」，URL變成「＃」，它會迷路。我試圖在href裏面放任何東西，但沒有奏效。

等待答案！非常感謝！！

@EDIT

解決了！我添加在頁腳的Index.html

$(function() { 
    $('#side-menu').metisMenu({ 
    toggle: false 
    }); 
});

它的工作！

=）

來源

2017-09-05 Johnson

@Johnson工作對我來說，

$(function() { 
    $('#side-menu').metisMenu({ 
     toggle: false 
    }); 
});

來源

2018-02-28 13:35:36

是啊，我已經解決了這個問題。解決方案也是在這個問題上;） – Johnson

VueRouter + VueJs2 + MetisMenu =崩潰錯誤

回答

相關問題