文章/答案/技术大牛

发布

社区首页 >问答首页 >VueRouter + VueJs2 + MetisMenu =折叠误差

问VueRouter + VueJs2 + MetisMenu =折叠误差
EN

Stack Overflow用户

提问于 2017-09-05 20:15:23

回答 1查看 2K关注 0票数 2

我是VueJ的新学生，我想制作一个菜单和一个二级菜单。我想使用，所以下载了它，把它放在我的Index.html上，然后我对菜单做了一个路由器视图。

这里是我的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

Body of 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里面，但没有起作用。

等待答案！非常感谢！！

@编辑

解决了！我添加了Index.html的页脚

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

而且起作用了！

vuejs2

vue-router

jquery

html

vue.js

回答 1

Stack Overflow用户

发布于 2018-02-28 13:35:36

@Johnson为我工作

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46062731

复制

相似问题

问VueRouter + VueJs2 + MetisMenu =折叠误差
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VueRouter + VueJs2 + MetisMenu =折叠误差EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VueRouter + VueJs2 + MetisMenu =折叠误差
EN